Threejs Horizon Fog - Atmosphere Effect by customizing the fog node
· 0:41 · Projects · three.js, react-three-fiber, webgpu, tsl, tutorial, webgpu_custom_fog
Watch on YouTube · Subscribe to the channel
Not everyone knows this, but provides a very convenient node for customizing the fog in WebGPU effortlessly using . This allows you to create much more realistic atmospheric effects, since simply changing the light color isn't enough for a convincing effect.
I modified my project and am using a Custom Fog along with the Environment component's intensity control in React Three Fiber, and the cycle changes are much better now. The sunset changes the scene colors, the environment, and the custom fog settings on demand.
You can learn more about it here:
Links from the video
Related projects
- WebGPU Archiviz — 6MB Architecture Visualization