TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

WebGL Fluid Simulation

213 pointsby maxrazalmost 5 years ago

23 comments

andybakalmost 5 years ago
I understand why real 3D fluid sim is much harder to do at reasonable speeds than 2D but I wonder if there&#x27;s a pseudo-3D version that would look good (I&#x27;m especially thinking of VR here)<p>A few transparent layers to add depth? Or something akin to parallax occlusion mapping?<p>EDIT - this Shadertoy is remarkably awesome despite only running on a 128x128x128 grid: <a href="https:&#x2F;&#x2F;www.shadertoy.com&#x2F;view&#x2F;wlG3RW" rel="nofollow">https:&#x2F;&#x2F;www.shadertoy.com&#x2F;view&#x2F;wlG3RW</a>
评论 #23957640 未加载
评论 #23959837 未加载
评论 #23958583 未加载
Wowfunhappyalmost 5 years ago
On my iPhone 6S, I turned the quality up to high and played with the simulation for around five minutes. It kept working smoothly, but holy crap, I&#x27;m not sure if my phone has <i>ever</i> been this hot!<p>Great work though, it&#x27;s gorgeous!
elpockoalmost 5 years ago
If anyone is interested, I made an implementation of this (based on the GPU Gems article) in Lua using the LÖVE framework that adds a bunch of effects like reflections, normal mapping and more.<p><a href="https:&#x2F;&#x2F;sixtyfour.itch.io&#x2F;fluid" rel="nofollow">https:&#x2F;&#x2F;sixtyfour.itch.io&#x2F;fluid</a>
评论 #23957245 未加载
评论 #23957475 未加载
29athrowawayalmost 5 years ago
This reminded me of a great game called Plasma Pong.<p>It was successful but unfortunately it was killed via a Cease and Desist letter from the Pong people.<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Plasma_Pong" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Plasma_Pong</a><p>There&#x27;s a web clone of it here: <a href="http:&#x2F;&#x2F;anirudhjoshi.github.io&#x2F;fluid_table_tennis&#x2F;" rel="nofollow">http:&#x2F;&#x2F;anirudhjoshi.github.io&#x2F;fluid_table_tennis&#x2F;</a>
评论 #23958161 未加载
RupertWiseralmost 5 years ago
Feels so smooth on my iPhone. I’m aware these phones have pretty killer SOCs but I couldn’t have imagined running this on something that fits in my pocket 15 years ago.
评论 #23956372 未加载
felixralmost 5 years ago
The author made this also into an iOS app: <a href="https:&#x2F;&#x2F;apps.apple.com&#x2F;us&#x2F;app&#x2F;fluid-simulation&#x2F;id1443124993" rel="nofollow">https:&#x2F;&#x2F;apps.apple.com&#x2F;us&#x2F;app&#x2F;fluid-simulation&#x2F;id1443124993</a>
评论 #23956734 未加载
评论 #23957172 未加载
Jemmalmost 5 years ago
Would love to see this as an audio visualizer.
评论 #23958541 未加载
评论 #23959072 未加载
评论 #23956770 未加载
montebicycleloalmost 5 years ago
Beautiful! Would be awesome to have as a desktop background.
asadlionpkalmost 5 years ago
Very impressive! Many years ago, I had made a fluid simulation (a different kind):<p><a href="https:&#x2F;&#x2F;jsexperiments.herokuapp.com&#x2F;sph&#x2F;" rel="nofollow">https:&#x2F;&#x2F;jsexperiments.herokuapp.com&#x2F;sph&#x2F;</a><p>Code: <a href="https:&#x2F;&#x2F;github.com&#x2F;asadm&#x2F;SPHjs" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;asadm&#x2F;SPHjs</a>
peignoiralmost 5 years ago
Might use the “SIMPLE” navier stokes algorithm: <a href="https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;SIMPLE_algorithm" rel="nofollow">https:&#x2F;&#x2F;en.m.wikipedia.org&#x2F;wiki&#x2F;SIMPLE_algorithm</a>
ergwwrtalmost 5 years ago
Has anyone tried making any games or interactive music videos with this?
评论 #23957674 未加载
评论 #23958147 未加载
评论 #23957772 未加载
评论 #23959223 未加载
评论 #23958721 未加载
neotekalmost 5 years ago
The app is well worth downloading, and given how much time I&#x27;ve wasted just futzing around in it, I was more than happy to pay a few bucks to unlock the additional features. Really superb.
dangalmost 5 years ago
Discussed last year: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19963640" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19963640</a>
saurikalmost 5 years ago
I opened this website expecting very little, as I know Apple has refused to deploy WebGL 2 (Apple is essentially always the stubborn bottleneck) and particularly as I am still running iOS 12.<p>It was glorious. It was smooth and responsive and maybe-weirdly <i>fun</i> to play with given how simple of a toy this little demo of a website itself represents. I had this momentary feeing of joy.<p>And then it popped up a dialog asking me to install an app. I think I want to go cry now about how fucked up the world is and how it is no longer possible to have good things on the web :(.
piyush_sonialmost 5 years ago
Doesn&#x27;t show anything in Firefox Developer Edition? (Works fine in Chrome&#x2F;Brave).
评论 #23956598 未加载
tobyhinloopenalmost 5 years ago
My little one approves this app
imvetrialmost 5 years ago
Screen on fire! Had a good fun
runawaybottlealmost 5 years ago
Would be interested in painting with this. Too much fun.
offskyalmost 5 years ago
Could this be modified to make a lava lamp simulator?
ta17711771almost 5 years ago
Great multi-touch demo.<p>Be sure to turn up the quality and res.
dmrackateeralmost 5 years ago
This is really beautifull!!
microcolonelalmost 5 years ago
The controller in the upper right hand does not support higher resolutions directly, but you can edit higher resolutions into the select box and it&#x27;ll absolutely accept them. I was able to push it up to 2048 no problem, though it is more interesting at 512 and 1024.
win66almost 5 years ago
Made me smile. The colors are great! :)