Threejs Volumetric Clouds - React Three Fiber Demo

· 1:44 · Tutorials · three.js, react-three-fiber, shaders, game, configurator, tutorial, gsap, r3f

Threejs Volumetric Clouds - React Three Fiber Demo - video thumbnail

Watch on YouTube · Subscribe to the channel

My last experience is live. Rendering some volumetric ray marched clouds using and three-fiber.

Live:

I hope you like it . Let me know in the comments how the performance is. I will add the configurator and annotations to this project so we can have more functionality. Maybe even turn this into a game soon.

The Volumetric Clouds Component still needs to be bulletproof before launch. But I plan to release it soon. So many things happening under the hood here. Is hard to explain in one tutorial how it was done. We have a lot of orchestration between shaders, GSAP timelines, etc.

Links from the video