WebGL fluid simulation

mediumFilecoding

The task

Build an interactive real-time fluid simulation in a single HTML file using WebGL (a GPU stable-fluids / Navier-Stokes solver). Dragging the mouse injects colorful dye and velocity that swirls and diffuses realistically. Add sliders for viscosity, dissipation, splat radius, and a vorticity/curl control, plus a "random splats" button. Smooth 60fps on a laptop.

Useful links:madewithclaude.comvalueaddvc.com

Gemini 3.6 Flash

Featured run

Live app Open in new tab

Ran the full Idapt agent loop: 19 steps · 18 tool calls · deployed a live app · 1 file.

Remix this prompt

Completed$0.522m 58s707k / 47k1819

Open live app

Produced files (1)

index.html41 KB Download

Loading preview...