Ultimate Lens Flare for Threejs WebGPU Version - Architecture Visualization
· 1:17 · Projects · three.js, webgpu, source-code, post-processing, webgl, webgpu_occlusion
Watch on YouTube · Subscribe to the channel
I finally finished porting my "Ultimate Lens Flare" to the WebGPU. This is a post-processing effect that allows many customization options for advanced Lens Flare.
The performance is incredible because now, threejs has occlusion queries directly integrated into the render pipeline. If you need to know if something is occluded, all you need to do is ask threejs directly. There's an example in the documentation.
With this, I no longer need raycasters to detect occlusion, and that's why the performance is so much better.
If you want to see the result:
The source code for the example is here:
The source code for the current version of my Ultimate Lens Flare for threejs webgl is here:
Links from the video
Related projects
- WebGPU Archiviz — 6MB Architecture Visualization
- Ultimate Lens Flare — Realistic lens flare component for R3F and Threejs