DEV Community

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

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

otakhip profile image Otakhi Platform ・1 min read

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.

Discussion (2)

pic
Editor guide
Collapse
realtoughcandy profile image
RealToughCandy.io

Neat simulation, thanks for sharing.

Collapse
lifesav25680171 profile image
lifesaver

Great stuff