Playground without Sound:
Playground with Sound:
Note: this implementation maintains the license.
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
I did this as a recent service to my students who have old iPads that don’t have WebGPU support. I wasn’t concerned about doing a completely independent rewrite. This spring I intend to do a MIT Licensed independently written ocean shader with significant improvements over this one.
Technically, to use this commercially, I would need to track down Alexander Alekseev (the original creator) and also get permission from Eric Eisaman for his specific improvements and port to Babylon.js.
It’s an incredibly cool implementation, but to keep my project’s future safe, I’ll likely have to settle for a simpler water shader with a more permissive license (like MIT). Thanks to Eric for the great work on this port anyway! 
Thanks for sharing your perspective and concerns @onekit . I have to honor my inspiration and stay true to my heart and act in strict accordance with the license. I truly do however, intend to do an independently written MIT Licensed ocean shader this spring, from scratch, with several elements not present in this particular shader.
Eric, thanks for sending me the link to the MIT-licensed ocean version.
I tried wrapping it in BabylonJS, and it worked!
Check it out: Babylon.js Playground
Bro @SirFizX this should go in the materials library of Babylon.js !!!
See the Pen Untitled by Hitesh Sahu (@hiteshsahu) on CodePen.
I experimented a bit with your Shader code. It looks great when you are near ocean but it looks blurry from bigger distance.
playgroudn: https://playground.babylonjs.com/#O03DUQ#2
Good point.
I incorporated a material level “fog-like” blurring effect at a distance. That is what you are experiencing. I did this in the shader itself particularly to incur less compute as an alternative to volumetric fog or other separate compute.
Here is a full MIT Licensed rewrite in WGSL running in the WebGPU Engine.
