Added on Apr 30, 2026

Three.js Raycaster Liquid Distortion

Three.js Raycaster Liquid Distortion
PrevNext

Three.js Raycaster Liquid Distortion

Share this project

About

A mesmerizing technical experiment exploring the intersection of Raycasting and fragment shader manipulation. This project demonstrates how to simulate high-viscosity fluid behavior on a 2D plane by translating mouse coordinates into a dynamic distortion map.

Technology

Three.jsThree.jsWebGLWebGL

Submitted by

mesh3d

The best of 3D web, in your inbox

Terms & Privacy
Share this project

© All content, screenshots, and screen recordings are the property of their respective owners.

Similar Three.js experiments

Browse all

Know an impressive
3D web experience?

We're always looking to feature fresh, creative work that pushes what's possible on the web.

The best of 3D web,
in your inbox

Terms & Privacy