Creating a Fluid Distortion Animation with Three.js

A coding session where you’ll learn how to create the interactive liquid-like effect from the PixiJS website using Three.js.

In this new ALL YOUR HTML coding session you’ll learn how to code a water-like distortion animation as seen on the PixiJS website using Three.js. We’ll use shaders and render target to achieve the fluid effects.

Original website:

This coding session was streamed live on April 10, 2022.



Tagged with:

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