Ocean Wave

Plane geometry with vertex sine-wave displacement driven by frequency bands and bass

3D WebGLHardBest for: Ambient, chillwave, coastal or nature themes

Ocean Wave deforms a high-polygon plane mesh using layered sine and cosine waves tuned to different frequency bands. A translucent foam mesh floats above the main surface and becomes visible when treble energy is high. Swell mode uses gentle cross-hatched waves; storm adds high-amplitude noise for rough seas; calm reduces amplitude; surge radiates concentric waves from the centre; foam adds high-frequency ripple detail; depth creates a central crater that fills with waves.

Key Features

Wave mesh displacementFoam layer6 ocean modes

Parameters

ParameterDescriptionRange / Options
Ocean Wave Modeswell / storm / calm / surge / foam / depthSelect
Wave AmplitudeOverall displacement scale0.1-3.0

Tips & Best Practices

  1. 1

    Storm mode at Wave Amplitude 2.5 creates dramatic cinematic seas for intense drops.

  2. 2

    Calm mode at 0.3 is subtle enough to use as a looping background for a calm intro.

  3. 3

    The foam layer opacity is driven by treble — high-hat heavy tracks will show visible spray.

Export Performance

3D WebGL engine. The mesh uses 80×80 segments. Reduce to 48×48 by lowering internal SEG if performance is an issue.

All visualizers are copyright-free. Every video you export is yours to use commercially or personally, with no attribution required. You retain full ownership of your exports.