互动锦鲤池同题对比

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.

出处：作者在原帖下的回复。提示词保留原文语言，未做改写。

作者提到的工具

更多模型对比案例

• 0:42

  AI自画像挑战：Sonnet5.5对比GPT-6 Astra

  724.8万 播放

• 0:28

  Opus 5.5 对比 GPT-6 Astra 武士游戏演示

  111.4万 播放

• 0:30

  GPT-6 Astra对比Claude Opus5.5

  60.2万 播放

• 0:22

  Grok与Opus摸草模拟器成本对比

  55万 播放

• 0:44

  Opus5.5对比GPT-6 Sol虚幻引擎游戏开发

  53.7万 播放

• 0:13

  闪粉贴纸效果对比

  47.1万 播放