Here is the three js experiment I loved the most. It took me some trigonometry, and thanks to my video game developer experience, I got it right really soon.
I'm so proud of this one that you'll see it on my front page. It is my third experiment with three js, the second one beeing a complete failure, you won't find it on this website. I also took the "game" loop out of the rendering loop, for the same reason the three js model did.
I tried to find every bit of information I could about fluid mechanics, but it was really heavy to put it online, without the assurance that the user will experience it with a low-end machine. So I took basic trigonometry, and moved all the dots on the grid one by one in a simple and light way.
The rolling effect of the tip of the wave is actually an accident. As the machine compute the new dot position, it takes some time to do one before going to the other, thus, we end up with an actual rolling effect, which is pretty cool, if you want my thought about it.
If you are careful enough, you looked in the console to see if any error spots. I have to shamefuly admit that there is one, and I can't seem to find where it comes from, nor I can fix it. It only occurs if you use the orbitcontrol inside the canvas.