Ocean Swell

Ocean Swell is an interactive background in the UI HUB interactive backgrounds collection. A ray-marched procedural ocean on a fullscreen THREE shader quad.

The component is driven by 18 documented props (deep, shallow, scatter, foam, zenith, horizon and 12 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: THREE.WebGLRenderer; ShaderMaterial; 68-step ray march.

Preview the interactive background in the browser above, copy the source, and paste it into your project. Interactive Backgrounds components in UI HUB are grouped by category so you can compare effects side by side before choosing one.