I've deployed a real-time 3D water simulation for browsers. Works on your browsers which support WebGPU.

- demo: https://splash-fluid.netlify.app/

- code: https://github.com/matsuoka-601/Splash

- demo video: https://www.youtube.com/watch?v=9C7DRSdh88g

To my knowledge, this is one of the largest scale fluid simulations for browsers. Around 70,000 particles can be simulated in real-time on my laptop with only an integrated graphics. With a discrete GPU (e.g. RTX 3060 laptop), 180,000 particles can be simulated in real-time.

An algorithm called MLS-MPM (Moving Least Squares Material Point Method) enabled this level of real-time performance in browsers. For real-time rendering of the fluid, a technique called Screen-Space Fluid Rendering is used.

If you want to know more, also see the GitHub repo!