DEV Community 👩‍💻👨‍💻

Cover image for Add Water Surface Simulation to your Web Page in 90 lines of Javascript or less
Otakhi Platform
Otakhi Platform

Posted on

Add Water Surface Simulation to your Web Page in 90 lines of Javascript or less

Using a Distributed Object Framework, you can build a WebGL element by simply assembling from a repository of reusable software objects. Once published, this object becomes available at a URL that can be placed on your web page overlaying other elements.

(1) Raging River with Wave Shaping

(2) Under River Nile

(3) Underwater Godray Effect

Investigate how these objects are put together here:
(1) https://www.otakhi.com/petridish?load=15193
(2) https://www.otakhi.com/petridish?load=15209
(3) https://www.otakhi.com/petridish?load=15218

Learn about AtomDrive Here.

Top comments (2)

Collapse
 
realtoughcandy profile image
RealToughCandy.io

Neat simulation, thanks for sharing.

Collapse
 
lifesav25680171 profile image
lifesaver

Great stuff

async await

Visualizing Promises and Async/Await 🤯

☝️ Check out this all-time classic DEV post