Implementing Bloom Effect with Mapbox and Three.js

• threebox

  1 493 3.0 JavaScript

  A Three.js plugin for Mapbox GL JS, with support for animations and advanced 3D rendering.

Camera synchronization and coordinate conversion, thanks to the great open-source community, I found Threebox, the initial version of Threebox is no longer maintained, you can pay attention to this fork version: https://github.com/jscastro76/threebox

• three.js

  449 98,873 9.9 JavaScript

  JavaScript 3D Library.

Regarding the optimization of the effect, I found an issue on the three.js GitHub repository: https://github.com/mrdoob/three.js/issues/14104 The alpha channel issue seems to be a difficult problem, which has been present since 2018. At the end of the discussion, a solution proposed by a contributor is not to modify the UnrealBloomPass but to blend the source texture and target texture in the shader.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• mapbox-bloom-effect-sample

  1 8 7.7 JavaScript

  Implementing Bloom Effect with Three.js in Mapbox

GitHub repository: https://github.com/ethan-zf/mapbox-bloom-effect-sample. Feel free to star it if you find it helpful!

Suggest a related project