WebGL Fluid Simulation | Hacker News Reader

WebGL Fluid Simulation

paveldogreat.github.io

143 pointsent10121 comments

Open articleView on HN

A fun website that simulates fluid - https://news.ycombinator.com/item?id=25031304 - Nov 2020 (47 comments)

WebGL Fluid Simulation - https://news.ycombinator.com/item?id=23955527 - July 2020 (50 comments)

WebGL Fluid Simulation - https://news.ycombinator.com/item?id=19963640 - May 2019 (102 comments)

Broadening the scope a bit:

Show HN: WASM and WebGL Fluid Simulation - https://news.ycombinator.com/item?id=27996703 - July 2021 (30 comments)

Show HN: Box2D fluid simulation in WebGL and WASM - https://news.ycombinator.com/item?id=26674352 - April 2021 (23 comments)

WebGL Fluid Experiment (2014) - https://news.ycombinator.com/item?id=24059825 - Aug 2020 (54 comments)

Fluid Simulation (with WebGL demo) - https://news.ycombinator.com/item?id=12372569 - Aug 2016 (27 comments)

HTML5 Fluid Simulation in WebGL - https://news.ycombinator.com/item?id=8502477 - Oct 2014 (49 comments)

Show HN: WebGL Fluid and Particles in Haxe - https://news.ycombinator.com/item?id=8325700 - Sept 2014 (6 comments)

As dang mentioned, this has been around for a while. Yet every time I'm impressed how my phone, laptop, etc. can render this so smoothly. I guess I'm getting old.

Looking at the shader code there are 4 to 6 texture samplers in each and something like a dozen passes which is a bit on the heavy side, but ultimately it's all stuff that every GPU has been designed to do best, so not exactly surprising that it runs well.

Now rendering something similar in 3D and real time, now that would be seriously impressive since you wouldn't be able to sample neighbouring pixels on the third axis efficiently I think.

I remember when Flash was phased out and these kind of tech demos from Google started to show up to demonstrate native rendering on the browser, and while still being impressed at the time, the render quality was abysmal, even in good PCs, which kept me wondering at the time, when will be the time when the render quality would be great without investing in a beefy PC. I guess the time has come and I didn't even notice!

Even with a beefy PC, the chrome 'youre offline' Easter egg dinosaur game still drops frames.

It's code is pretty much the simplest web game you can make. The bug is not in the game. Rendering should tax no machine. And yet it drops frames.

To me, that says something about the readiness of the web platform.

Well the web is designed to be async and not single threaded synchronous like games need to be for consistent rendering. I doubt there's any guarantee that whatever setInterval will actually run at those millisecond times specified and if not you'll drop frames of course, and requestAnimationFrame is even less reliable since it's browser specific. That's just the nature of the beast.

On the other hand I've written a thing or two in webgl and haven't seen really seen what you're describing. Could be that the high and mighty Google programmers are just too pompous to notice a bug in their afterthought of a game.

I just tried it in an Meta (Oculus) Quest 2 in their browser and it looks amazing I would love to see a version of this in a WebXR 360 skybox.

nice article on how this is done https://developer.nvidia.com/gpugems/gpugems/part-vi-beyond-...

It would be fun to turn this into a simple game where you're a wizard and you have to block incoming blasts with the right color.

Enjoyed the simulation for sometime. Changing the parameters didn't change the experience much, but felt some difference they way it moves.

It looks really nice! I spent a few minutes trying to simulate the old nuclear test footage, trying to get a mushroom cloud rising! :-)

I wonder how the IOS app works. Is it using WebGL in a webview or the shader code on iOS and WebGL are both using OpenGL 3+?

>> related:

But it’s a different experience each and every time.

This is pleasant to play with on a touch device.

Nice effect, but it looks more like smoke than a fluid. A constant pressure source instant of an instant splat would probably give more of a fluid effect.

Smoke is a fluid.

I agree that it is behaving like a very non-viscous fluid, so more like a gas than a liquid.

Here's something more like water.

https://matthias-research.github.io/pages/tenMinutePhysics/1...

From: https://matthias-research.github.io/pages/tenMinutePhysics/i...

Interesting site, thanks for the link.

The air that you’re breathing right now is also a fluid.

It’s not a liquid, but it’s a fluid.

Pretty, but I can't use more than one finger. Not sure if it's just me, I'm on Firefox Android.

Same here. Multitouch works in Chrome for Android though.

Reply on news.ycombinator.com