A WebGL fluid simulation runs in mobile browsers, according to the project description.
WebGL Water
WebGL Water presents an interactive water simulation demo for use in a browser that supports WebGL.
About WebGL Water
WebGL Water is an interactive water simulation demo made by Evan Wallace. It runs in a browser that supports WebGL and shows real-time rendering of a water surface. Visitors can draw on the water to create ripples, rotate the camera, pause the simulation, and move a sphere through the scene.
The demo requires a decent graphics card and up-to-date drivers. If it cannot run on a given computer, the source notes that the demo can also be seen on YouTube. The heightfield water simulation requires the OES_texture_float extension, and the caustics effect requires the OES_standard_derivatives extension.
Key features
- Draw on the water surface to create ripples
- Drag the sphere to move it around the scene
- Press L to set the light direction and G to toggle gravity
- Raytraced reflections and refractions
- Analytic ambient occlusion and soft shadows
- Heightfield water simulation, which requires the OES_texture_float extension
Best for: People interested in how water surfaces are simulated and rendered in a browser, such as students studying computer graphics, on a computer with a capable graphics card.
Good for
- Lets visitors interact with the water through drawing, camera rotation, and moving a sphere
- Shows several rendering effects, including reflections, refractions, shadows, and caustics
- Offers a YouTube version for visitors whose computers cannot run the demo
Watch out for
- Requires a decent graphics card and up-to-date drivers
- Some effects depend on specific WebGL extensions, which may not be available in every browser
WebGL Water at a glance
- Website
- madebyevan.com/webgl-water
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
WebGL Water alternatives
Tools and sites you could use instead, ranked by how closely they match.
HyperPhysics presents a concept reference with indexes for videos, demos, class materials, papers, and connections to chemistry, geophysics, and biology.
Ptable presents element names and electron information in an interactive periodic table.
Visitors can choose from interactive simulations on oPhysics to explore and learn about physics topics.
EduMedia offers interactive science and math simulations for STEM teaching.
Built with Three.js, this page presents an interactive animation that depicts an atom.
Popular in Science, Math & Technology
Well-known listings from the same topic.
MathNetmathnet.mit.eduOneZoomonezoom.orgThrustCurvethrustcurve.orgWikispeciesspecies.wikimedia.orgTheAlgorithmsthe-algorithms.comHot Nozzle Societyhotnozzlesociety.org
WebGL Water FAQ
What should I do if the demo will not run on my computer?
The source says the demo can still be seen on YouTube.
Which keys control the demo?
Press SPACEBAR to pause and unpause, the L key to set the light direction, and the G key to toggle gravity.
What do the extension notes mean?
The heightfield water simulation requires the OES_texture_float extension, and the caustics effect requires the OES_standard_derivatives extension.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.