Have a project in mind?Have a project in mind? We design and build for the web.Start a project

Added on May 4, 2026

Realistic Three.js water simulation

Realistic Three.js water simulation

Realistic Three.js water simulation

Share this project

About

Anderson Mancini's water simulation fills a tiled swimming pool with realistic Three.js water. A sea turtle swims through the pool, and light from the moving surface throws RGB caustics across the blue mosaic floor and walls. Dragging the camera above the water shows the waves and reflections, and moving below the surface brings in underwater distortion and droplets on the screen. The water moves naturally the whole time. It's built with React Three Fiber and GLSL shaders, with a 3D model for the turtle and the pool.

What it is

Experiment Dev tools Animals Water

Look

Photoreal Blue Light

How it works

Single scene Drag/orbit

How it's built

WebGL2 Custom shaders 3D models 2.8 MB

Keywords

swimming pool sea turtle turtle caustics tile underwater droplet wave reflection

Submitted by

mesh3d

Share this project

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

Similar Three.js experiments

Sit your work next to Studio K95, dakumisu, and the rest.

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