Home▸Nature & Climate▸Ocean Waves — 2D Cross-Section (Gerstner Waves)

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.

Nature & Climate2DModerate60 FPS📱 Mobile-adapted💧 Water⇄ 3D version
2d-ocean ↗ Open standalone

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.

⚙ Under the hood

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.

ocean wavesgerstner wavestrochoidal wavewave physicsparticle orbitswave steepness2dfluid dynamics

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)