WebGL2 Spectral Ocean

FPS --mesh --boats --live

Left click/tap water to create ripples, drag across the surface to paint waves. Click near a boat to drag it. Right-drag or Alt-drag to orbit. Mouse wheel zooms. Keys: Space pause, R reset, C calm, S storm, V cinematic, B buoyancy points.

Ocean Sandbox

Enhanced • Inline WebGL2

Wave simulation

Wave amplitude

Wave speed

Wave frequency

Wind direction

Wind strength

Foam intensity

Water shading

Water color

Depth color

Roughness

Fresnel power

Surface detail

Cloud density

Exposure

Sun elevation

Sun azimuth

Boats and physics

Boat count

Each craft samples the same CPU wave field used by the water shader at center, front, back, left, and right points. Spring buoyancy, damping, wind drift, collision response, and procedural wake ripples are updated every frame.

Camera and quality

Simulation quality

Field of view

Camera height

Debug view

Modes and presets

Enhanced shader stack: spectral Gerstner displacement, analytic normals, adjustable micro-detail, Fresnel, sun glitter, procedural clouds, tone mapping, wake ribbons, shoreline foam, and CPU-synchronized buoyancy.

WebGL2 is required

This self-contained ocean simulation uses raw WebGL2 shaders. Please open it in a modern browser with WebGL2 enabled.