WebGL Water (2010)
17 comments
·May 10, 2025ByteAtATime
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
Here I am running just fine on a 3 year old phone
Exuma
This is my most voted submission. This thing literally never gets old
Exuma
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
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.
90s_dev
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
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
Webgl2fundamentals is pretty great :)
akomtu
shadertoy.com
vhcr
The "problem" with it is that you only learn about fragment shaders, you should also learn about the WebGL API, and vertex shaders.
90s_dev
https://www.shadertoy.com/view/XXyGzh
... this is amazing!
I can't wait to dig in and figure out how to add effects like this over my 2d content!
null
Retr0id
This has always been my "is webgl working?" test page
Retr0id
By the way, I think it's (2011) not (2010)
asadm
Wasnt this one of the demo that Figma co-founder used make a case for web-based editor?
null
Saw the “made by Evan Wallace” and went “huh, that sounds familiar…”
Yeah, not surprising this guy went on to build Figma! Super cool