Two-Dimensional Fluid/Smoke Simulation in WebGL using the OpenGL Shading Language

Try it here! Left-click and drag to splatter fluid. Middle-/right-click to drag fluid.

References

• 2019. WebGL API. https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
• Wang BIAO. 2017. Smoke Simulation using WebGL Technology. 法政大学大学院紀要. 情報科学研究科編 12 (Mar 2017), 1–6.
• Robert Bridson and Matthias Muller-Fischer. 2007. FluidSimulation. SIGGRAPH (Aug 2007). https://www.cs.ubc.ca/~rbridson/fluidsimulation/fluids_notes.pdf
• Pavel Dobryakov. 2017. WebGL Fluid Simulation. https://github.com/PavelDoGreat/WebGL-Fluid-Simulation
• Mark J. Harris. 2004. GPU Gems (1 ed.). http://developer.download.nvidia.com/books/HTML/gpugems/gpugems_ch38.html