WebGL Fluid Simulation
Run a free WebGL fluid simulation in your browser. Tap Start, then drag or paint with a finger. Dye moves through a real-time velocity field, curls into eddies, and fades at a rate you control. Nothing downloads and nothing installs.
Runs in your browser after you tap Start. Nothing to install.
WebGL is off
This browser cannot run the fluid simulation.
Open Chrome, Firefox, Safari, or Edge and try again.
Pick a file from your device. Audio stays in this tab.
Listening
How to play
Tap Start on the canvas, then paint. You do not need a manual for a fluid simulation online. These notes help once you want cleaner motion, a specific mood, or a picture worth saving.
Start, then paint with motion
Tap Start simulation so the WebGL field begins in your tab. Drag on a computer or slide a finger on a phone. Faster strokes push more force into the field. Slow strokes leave softer trails that drift instead of snap.
Pick a preset
Classic, Water, Fire, Ink, and Calm each change fade, swirl, and glow together, not one slider at a time. Open a full mode page under Modes when you want a page built around one look, with its own tips and FAQs.
Tune only if you want
Quality, brush size, and color sit up front for quick changes. Pressure, swirl, fade, and bloom live under Advanced when you want to shape the physics directly. Each slider is mapped in the controls guide.
Capture or share
Screenshot downloads the current frame as a PNG. Copy link stores your preset and quality in the URL, so sending it to someone opens the same starting point. The simulation itself stays local in your tab the whole time.
Reset when you want a clean field
Clear wipes the canvas back to empty. Random throws in a burst of color and motion when you want a starting point instead of a blank screen. Both buttons sit in the dock below the canvas.
Modes with their own feel
Each mode starts the fluid simulation with a different mix of settings, not just a new color swatch. Pick the look you came for, then paint right away.
Water
Cooler trails, lasting flow, and a wet, heavy look. A simple starting point for water fluid simulation without extra setup.
Open water modeFire
Hot fade, restless swirl, and bloom that pushes bright cores, tuned for fire and smoke style motion.
Open fire modeInk
Dye that lingers on screen so colorful strokes stay readable instead of smearing together.
Open ink modeCalm
Soft swirl and gentle fade for a quieter playground when you want ambient motion, not chaos.
Open calm modeLearn the idea behind the motion
Short guides on the ideas behind the motion. Open one, then return to the canvas.
What is fluid simulation?
Core idea, common uses in games and film, and where a browser tool fits.
How WebGL fluid simulation works
Advection, pressure, and vorticity explained step by step.
CFD vs browser fluid simulation
When you need an engineering solver, and when a real-time demo is enough.
Fluid simulation in computer graphics
Where a real-time dye field sits next to heavier film and VFX solvers.
Questions
Tap Start on the canvas. WebGL loads in your tab and the dock appears below it, ready for you to drag or paint with a finger right away.
Yes. Fluidsimulation.net is free to use in the browser. You do not need an account, a download, or a payment to paint.
Yes. Open the page in a modern mobile browser and paint with one finger. Quality can drop automatically if the device needs the headroom, so motion stays smooth instead of choppy.
No. This is a real-time interactive model built for play and learning. It is not a sign-off tool for engineering design, and it never claims to replace one.
No. The solver runs a 2D dye and velocity field rendered on a flat canvas. That choice keeps the frame rate high enough to paint smoothly on an average laptop or phone.
The simulation runs on your device, inside the tab. Strokes and frames stay local unless you choose to screenshot or copy a share link.