Texture Ripples and Video Zoom Effect with Three.js and GLSL

Learn how to replicate the ripples and video zoom effect from “The Avener” by TOOSOON studio using Three.js and GLSL.

By in Articles on

In this ALL YOUR HTML coding session we’ll be replicating the ripples and video zoom effect from The Avener by TOOSOON studio using Three.js and GLSL coding.

This coding session was streamed live on April 25, 2021.

Check out the live demo.

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

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

Tagged with:

How to Code a Scrollable Text Gallery in Three.js

Coding an Infinite Slider using Texture Recursion with Three.js

Sketchy Pencil Effect with Three.js Post-Processing

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 →