Skip to content

Ocean Points

A 3D ocean that answers the cursor

Ocean Points preview image 1

Summary

A 3D ocean that answers the cursor

Description

Thousands of luminous points form a rolling 3D ocean — real perspective math, layered sine swell, and a two-pass bloom that makes the crests glow. No WebGL, no libraries: it is all hand-rolled Canvas2D, which means it loads instantly and runs anywhere.

It answers the cursor three ways: the camera leans as you move across the frame (parallax you can dial down to zero), a local swell rises under the pointer and follows it, and a click launches a circular wave that spreads across the surface and dies out.

Glow colour, wave height, speed, point density, bloom strength, mouse parallax — all adjustable from the panel.

Canvas and requestAnimationFrame, no dependencies, nothing loaded from outside. Honours prefers-reduced-motion, and shows a still frame of the ocean on the Framer canvas.

Rank history How rankings work →

125015001750187048/149/59/2710/1911/10
  • All · #8535

Details

More like this