MA
WaterBall
Real-time fluid simulation on a sphere🌏 implemented in WebGPU.
Works on your browsers which support WebGPU (Chrome, Edge etc. Safari is also supported when WebGPU feature flag is enabled).
This is a follow-up project of webgpu-ocean and has the following characteristics.
- Moving Least Squares Material Point Method (MLS-MPM) by Hu et al. is implemented for the simulation.
- nialltl's article helped a lot when implementing MLS-MPM. Huge thanks for them!
- Screen-Space Fluid Rendering described in GDC 2010 slide is used for real-time rendering of the fluid.
How to run
npm install
npm run serve
If you have trouble running the repo, feel free to open an issue.
On this page
Languages
TypeScript56.5%WGSL40.2%HTML3.3%
Contributors
MIT License
Created February 2, 2025
Updated March 6, 2026
