Bloom Pool

Loading…

Explore

Toys & Experiments

An interactive 3D sunlit pool with procedural tropical flowers and physics-based water

byNinjaCodex

Playable

Description

A sophisticated Three.js scene featuring a rounded-rectangle pool with real-time ripple physics, Voronoi caustics, and five species of procedurally modeled floating flowers. Users can drop flowers into the water, interact with them through touch or drag, and toggle environmental effects like rain, breeze, and whirlpools.

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: Impressive technical execution of a complex 3D scene with custom physics and procedural generation from a single prompt.
Attributed to: NinjaCodex@N1njaCodex
Built with: Opus 5.5
Links: claude.ai
View tweet
Tags: #threejs #physics #procedural #water-simulation

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

Prompt

Build a single-file HTML + three.js interactive scene called "Bloom Pool": a sunlit swimming pool seen from a pitched perspective camera. You drop tropical flowers onto the water and play with them.

Pool and look:
- A rounded-rectangle pool with a shallow end on the left and a deep end on the right.
- Glassy mosaic tiles: a field, a border, and a band at the waterline. Each tile has a bevel and a soft glaze highlight.
- Stone coping with a bullnose lip overhanging the water, deck pavers around it, and splash-darkened stone near the edge.
- A dappled shadow from a palm crown leaning over one corner.
- Size the pool and fit the camera to any screen, portrait or landscape.

Water:
- A real-time ripple heightfield updated at about 90 Hz.
- Refraction of the tiled floor through the surface.
- Animated Voronoi caustics on the floor.
- Fresnel reflection of the sky and sun, and of the pool's own edge (the tiled wall band and the coping).
- Crests and troughs, foam from splashes, a coping shadow and a meniscus along the walls.
- Gentle circulation from the return jets.
- Touch or drag across the water to make ripples.

Flowers (five species, modeled procedurally from petal profiles):
- White water lily: green sepals, three whorls of pointed petals.
- Pink lotus: cupped petals around a seed pod and a ring of stamens.
- Spotted tiger lily: six recurved tepals, long stamens.
- Ruffled hibiscus: dark eye, long staminal column.
- Waxy plumeria: a five-petal pinwheel.

Each flower is a small physics body:
- Drop it from a card at the bottom, or drag it over the water. It falls with turbulence and lands with a splash, droplets and rings.
- It floats and bobs, radiating ripples. It glides with a wake, and floating flowers collide with each other.
- A breeze turns them. They spin into a whirlpool.
- Petals open and close on a spring, splay on impact and catch the airflow.
- Water beads sit on wet petals and dry in the sun.
- Hold a flower still to press it under; it resurfaces with bubbles. Shake it to fling water off.

Controls:
- A minimal panel with a bloom counter and the five flower cards. The cards are buttons (each drops that flower) and can also be dragged onto the water.
- Toggles: Breeze, Rain (raindrop rings), Whirlpool (a funnel with foam arms) and Sound (soft Web Audio water: lapping, drips, gurgles).
- Buttons: Clear pool, and Hide UI.

Design: an elegant serif title "Bloom Pool" and a clean sans-serif UI. Works on phones with touch. Original design, no real brands.

Source

Bloom Pool

Description

How it grew

Bloom Pool

Description

How it grew