Home▸Physics & Mechanics▸Wave Dispersion Surf Simulator

🧪 Wave Dispersion Surf Simulator

Surf a real traveling swell: the dispersion relation sets wavelength and phase speed from wave period and water depth, the board slides under gravity along the wave face's true slope, and a relative-velocity check in the wave's moving frame tells you when you're in the pocket, pearling, or dropped behind.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted
adventure-sports-surfing-simulation ↗ Open standalone

This simulator models a surfer as a physical body sliding on a real traveling ocean swell rather than an animated loop. Wave period and water depth feed the full linear dispersion relation, solved numerically for wavenumber, so wavelength and phase speed respond exactly as a real deep-water or shallow-water wave would as depth changes. The board's horizontal motion is derived from the true slope of that wave surface at every instant — the component of gravity along the local tangent — plus drag, with the rider's trim input adjusting the effective face angle. Whether you're in the pocket, pearling ahead of the wave, or dropped behind it is computed from the board's relative velocity against the wave's own moving reference frame, so losing the wave is a genuine outcome of the physics, not a scripted cutscene.

⚙ Under the hood

Simulates ocean swell with real physics, transitioning between deep and shallow water regimes based on wave period and depth.

wavedispersionsurfingphysicssimulation

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

What did you find?

Add reproduction steps (optional)