I’ve made a real-time 3D fluid simulation in WebGPU
I’ve made a real-time 3D fluid simulation in WebGPU
Hello, 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!
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Incorrect prediction on native model
Similar products
Interactive real-time simulation of flowing crystals
Real-Time 3D Gaussian Splatting in WebGL
BepuPhysics – 3D real-time physics simulation library in C#
Real-time nonlinear optics simulation (JS/GLSL)
Interactive 3D flock simulation and tutorial
Voice in 3D in real-time in-browser
Find someone interesting around you in real-time
Dbpatterns Is Now Real Time
Visualizing transit delays in real time for SF MUNI
Precess , a real-time sass compiler