WebGL-Fluid-Simulation

Typed arrays are essential for web apps that use WebGL and WebGPU. Being able to send this type of data to run computations on the GPU can give you 1000x speed up. You can see it in action on this WebGL fluid simulator[0] by PavelDoGreat. [0] https://github.com/PavelDoGreat/WebGL-Fluid-Simulation

PavelDoGreat's WebGL Fluid Simulation is the first that came to my mind. Check it out on mobile too, it's amazing. https://paveldogreat.github.io/WebGL-Fluid-Simulation/ https://github.com/PavelDoGreat/WebGL-Fluid-Simulation It's been on HN a few times already: https://hn.algolia.com/?query=WebGL%20Fluid%20Simulation&typ...

I think the author is https://twitter.com/PavelDoGreat And the source is https://github.com/PavelDoGreat/WebGL-Fluid-Simulation

Here is the "main loop" for the simulation: https://github.com/PavelDoGreat/WebGL-Fluid-Simulation/blob/... I don't know enough about fluid dynamics to be the judge, but it seems like the engine is using genuine (2D) physics and it's not just "toy physics." Could someone who knows fluid mechanics comment on this?

I was interested in this too so I took a dive in. The smoke effects are based on another project about Fluid simulation https://github.com/PavelDoGreat/WebGL-Fluid-Simulation It also has a working demo with controls (it's collapsed by default I think, and kind of hard to see if you're not looking for it in the upper right hand corner). It's pretty astonishing how beautiful it is. As far as I can tell, the filters and the code isn't too complicated. I am just wondering how they got those values to begin with because that's where the real magic is. There are some references there as well. One of them links to a gpu gems page that I am pretty sure I've seen before that looks really similar to this. So it's really just incremental improvements from previous works. But this version looks a lot more polished.