Shipped this project!
I built a fun (and cool) water simulator! It runs in a WebGL canvas, and uses a shader coded in GLSL, a shader language that runs almost entirely on the GPU!
The hardest part was coding the shader and the maths!
I built a fun (and cool) water simulator! It runs in a WebGL canvas, and uses a shader coded in GLSL, a shader language that runs almost entirely on the GPU!
The hardest part was coding the shader and the maths!
I wanted to make a fun project, and I thought a water simulator would be cool!
I started out by trying to make water ripples in a 2d canvas, but switched to WebGL, because 2d felt too unrealistic and cartoony.
Also, I wanted to try out 3d web dev and code a shader!
So I watched quite a lot of tutorials, wrote a lot of maths (cough… I definitely understand all of it cough…), and have actually made a somewhat cool water simulator!! You can control the wind speed (hence the waves speed), and the choppiness!
I had planned for an ocean scene, with a beach and waves, but lol this is super hard.
Might try to play with the lighting and create new scenes, though, if I decide to continue working on this project!
Log in to leave a comment