Procedural Ocean

Mike Rabbitz (mrabbitz)

Live Demo

https://mrabbitz.github.io/proceduralocean/

Note: The Skybox might not show up on initial load, so refresh the page as needed.

Citations

Radial Grid Mesh:

https://developer.nvidia.com/gpugems/gpugems2/part-ii-shading-lighting-and-shadows/chapter-18-using-vertex-texture-displacement

http://evasion.imag.fr/Membres/Fabrice.Neyret/NaturalScenes/fluids/water/waves/fluids-nuages/waves/Jonathan/articlesCG/GPU_Gems2_tessendorfTechniqueOnGPU.pdf

Ocean Wave Movement:

https://calhoun.nps.edu/handle/10945/6269 (page 14 equation 4.1)

https://arxiv.org/abs/1109.6494v1 (page 2 equation 1)

https://www.semanticscholar.org/paper/An-Open-Programming-Architecture-for-Modeling-Ocean-Lachman/17998e0ef16faa0a492aac6f72a055f6c2fd82fe (page 2 equation 1)

Ocean Shading:

https://hal.inria.fr/inria-00443630/file/article-1.pdf

https://www.semanticscholar.org/paper/Deep-water-ocean-surface-modelling-with-ship-Grindstad-Rasmussen/5a2289720fe04e587f68cc4ff7abea3ce83c5311

https://developer.nvidia.com/gpugems/gpugems2/part-ii-shading-lighting-and-shadows/chapter-19-generic-refraction-simulation

Wireframe:

http://codeflow.org/entries/2012/aug/02/easy-wireframe-display-with-barycentric-coordinates/

Cube Mapping:

https://webglfundamentals.org/webgl/lessons/webgl-cube-maps.html

Sky Box:

https://webglfundamentals.org/webgl/lessons/webgl-skybox.html

Saturate:

https://developer.download.nvidia.com/cg/saturate.html

Fog:

https://www.iquilezles.org/www/articles/fog/fog.htm