Ocean Waves — 2D Cross-Section
A 2D side-profile of ocean swell built on the real Gerstner (trochoidal) wave equation: watch water particles trace shrinking circular orbits with depth, superpose multiple wave components, and push steepness toward the point a crest overturns.
This side-on view uses the exact Gerstner (trochoidal) wave equations behind the 3D ocean simulation, sliced along the direction of travel. Up to three superposed wave components sum their horizontal and vertical displacements to build a realistic swell profile with sharp crests and broad troughs, while a grid of subsurface markers traces the circular particle orbits that shrink with depth — the real mechanism behind wave motion, not a simple sine curve. Push the Steepness slider up to see the trochoid approach — and eventually overturn past — the physical breaking limit.
A 2D side-profile of ocean swell built on the real Gerstner (trochoidal) wave equation: watch water particles trace shrinking circular orbits with depth, superpose multiple wave components, and push steepness toward the point a crest overturns.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install