As well as esbuild. I wonder what he's doing these days since he stepped out of Figma.
ByteAtATime · 5h ago
Back in 2010, this "require[d] a decent graphics card"
Now, my phone's integrated graphics can run it very smoothly. Moore's law at play.
ghkbrew · 5h ago
Here I am running just fine on a 3 year old phone
throw310822 · 37m ago
It's running fine (not too smoothly but ok) on my 8 years old Xiaomi MI6.
Exuma · 6h ago
This is my most voted submission. This thing literally never gets old
larodi · 38m ago
Demoscene never gets old, but why we get then so little submissions of it here? Demoscene reifies the creative-hacking culture, is it not?
Exuma · 6h ago
Here is a trick: pause the simulation and drag the ripples back and forth really fast, it will create a "mega" wave. Then unpause and it will create a massive tsunami
quantadev · 5h ago
Or pause it and click the water surface 100 times to raise up a lot of potential energy that makes a very profound wave front when it comes down when you start it.
landgenoot · 2h ago
When you move the ball up, but keep it still under water, you'll see the water level rise.
Why?
tomcam · 2h ago
To encourage you to file a PR
pjmlp · 43m ago
After all these years, Android Chrome still doesn't support the extensions required by this demo, this is the issue with Web 3D adoption.
ankit_mishra · 8m ago
Same for me on.
Getting this error - Uncaught Error: This demo requires the OES_texture_float extension
WebGL Water
Using -
Chrome 136.0.7103.87
Android 15;
throw310822 · 40m ago
Works fine for me.
pjmlp · 38m ago
Actually, I just cross-checked on WebGL Report, and it does indeed support the extension, not that changes having a black page complaining the extension is missing.
NetOpWibby · 1h ago
This is incredible. My goodness.
90s_dev · 6h ago
On this note, can anyone recommend basic webgl 2d effects tutorial? I have a super exciting project I'm really close to announcing, but the last step is adding some pretty Animal Well style effects via webgl2, but I know practically nothing about webgl except the very very basics that you learn from webgl2fundamentals.org. Any pointers would be appreciated.
kaesve · 5h ago
I like https://thebookofshaders.com/ . It’s unfinished and I don’t think it’s been updated in years, but what’s there is pretty good
felipellrocha · 6h ago
Webgl2fundamentals is pretty great :)
akomtu · 5h ago
shadertoy.com
vhcr · 4h ago
The "problem" with it is that you only learn about fragment shaders, you should also learn about the WebGL API, and vertex shaders.
Yeah, not surprising this guy went on to build Figma! Super cool
[1] https://medium.com/figma-design/rust-in-production-at-figma-...
[2] https://medium.com/figma-design/webassembly-cut-figmas-load-...
Now, my phone's integrated graphics can run it very smoothly. Moore's law at play.
Why?
Using - Chrome 136.0.7103.87 Android 15;
... this is amazing!
I can't wait to dig in and figure out how to add effects like this over my 2d content!
'Uncaught Error: This demo requires the OES_texture_float extension'