Ripple Pond

Sail a boat and trigger ripples in this interactive 3D ocean simulation.

PlayableOpen source

Description

An interactive 3D toy where users sail a boat using keyboard controls and create waves by dragging on the water. The simulation includes dynamic sky modes like Storm and Night, camera zoom and follow features, and the ability to drop meteors into the low-poly pond.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: A high-quality 3D interactive physics simulation built using Claude Opus 5.5, demonstrating impressive coding…
Attributed to: Light Hearted Tech@hasibdreamer35
Built with: Opus 5.5
Links: mdhasibul35.github.io
View tweet
View GitHub repo
Tags: #simulation #threejs #interactive #ocean

Discovered: X
First posted: X · Oct 3, 2026
Listed: Added 1h ago
Build: Strong
Models: Strong

Prompt

Build a playable 3D water playground in a single HTML file using Three.js.

- A 128x128 height-field water simulation: click or drag to make ripples that spread, bounce and fade
- A small low-poly sailboat that floats, tilts with the waves and gets pushed by them
- Sail it with WASD/arrow keys + Space to boost: it leans into turns, lifts its bow at speed, and leaves a V-shaped wake
- 3 skies with smooth fades: Sunrise, Storm (rain + lightning), Night (stars + boat lantern)
- A "Drop a meteor" button that makes a huge splash with spray particles
- Low-poly water toggle, follow camera, auto cruise, and a record mode that hides the UI
- Touch controls for phones

Source

Ripple Pond

Description

How it grew

Ripple Pond

Description

How it grew