A detailed look at the techniques behind high-performance, real-time, and visually stunning fluid simulations with WebGPU.

Codrops stands at the forefront of innovation in web design, serving as a boundless source of inspiration and knowledge for designers and developers alike. Through a captivating array of tutorials, demos, and showcases, Codrops invites creatives to embark on a journey of exploration, pushing the boundaries of what's possible in web development. From  CSS techniques and JavaScript animations to immersive user interfaces and experiential storytelling, Codrops empowers designers and developers to unleash their creativity and craft unparalleled digital experiences that captivate and engage audiences.

Codrops

Matsuoka's WebGPU-powered fluid simulations have demonstrated outstanding performance and visual appeal, showcasing the capabilities of WebGPU. He has developed two simulations, WebGPU-Ocean and WaterBall, focusing on high performance and realistic visualization. He used the MLS-MPM (Moving Least Squares Material Point Method) for simulation and Screen-Space Fluid Rendering for visualization, achieving real-time performance even on integrated GPUs. These techniques promise significant improvements in browser-based physics simulations, potentially matching the quality of simulations done with advanced engines in the future.

WebGPU Fluid Simulations: High Performance & Real-Time Rendering

Played more with it than i should have :D

The demo is quite perfomant, even in a smartphone like a Google pixel 8 pro

Does this simulation requires high GPU to run? What is the relation?