Jason ZhuJasonZhu.AI
中
ComparisonsVib3Coded @vib3coded2026-10-100:15

Interactive koi pond side-by-side comparison

Views
12.9K
Likes
240
Replies
35
Saves
119

An interactive 3D koi pond web app built with Three.js/WebGL, created from a detailed prompt and compared side-by-side with a version made by GPT-6 Astra using the same prompt.

Full prompt1,617 chars

Build a beautiful, full-screen interactive koi pond using Three.js + WebGL. Use a top-down view with clear turquoise water, sunlight, animated caustics on the pond floor, and a convincing sense of depth.

Place an elegant translucent selection panel at the bottom with four koi varieties: Kohaku, Showa, Golden Ogon, and Platinum. Clicking a card releases that fish into the pond. Dragging a fish from its card lets the user choose exactly where to drop it.

Make each landing feel satisfying: a splash with droplets, a brief depression in the water surface, and expanding ripples. The fish should then dive beneath the surface. Use refraction and depth cues so the koi clearly look submerged.

Create detailed 3D koi with eyes, scales, fins, and flowing tails. Animate their bodies, tails, and fins together. Each fish should independently change direction and speed, turn smoothly near boundaries, and avoid other fish.

Let users touch and drag across the water to create ripples. Add rain and a movable whirlpool whose current affects the fish. Include Calm, Clear pond, and a control to hide the interface for screen recording.

Use Web Audio to create landing splashes, soft musical droplets, gentle swimming water sounds, rain, and a whirlpool sound. Enable audio through a Sound button, fade it smoothly when muted, and pause it when the browser tab is hidden.

Keep all labels and buttons in English. Make the layout responsive for mobile. Optimize rendering and animation for smooth performance with several dozen fish.

Deliver a complete, working website with polished visuals and functional interactions.

Source: the creator's reply under the post. Kept in its original language, unedited.

Tools the creator mentioned

Three.jsWebGLGPT-6 Astra

Original post: https://x.com/vib3coded/status/2108926847442378848

All works are open data at GitHub · awesome-opus-5.5-video.

Model attribution is as stated by the creator and was not independently reproduced. View counts are a snapshot from 2026-10-11. The work belongs to its creator; DM @GoSailGlobal on X for corrections or removal.

More comparisons