Volumetric Light Rays with Three.js

A coding session where you’ll learn how to create volumetric light rays with fragment shaders in Three.js.

By in Videos on

In this new ALL YOUR HTML coding session we’ll be decompiling volumetric light rays and recreating them with fragment shaders and Three.js.

Original website: https://moonfall.oblio.io/desktop/

Agency: https://oblio.io/

This coding session was streamed live on June 19, 2022.

Check out the live demo.

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

Tagged with:

Surface Sampling in Three.js

Shaders on Scroll by Faboolea

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

Twisted Colorful Spheres with Three.js

Stay up to date with the latest web design and development news and relevant updates from Codrops.

From our sponsor
Divi
Create websites rapidly
With the Divi Layout Packs you'll get more than 800 world-class designs ready to be used for your client projects. Try it for free →