Claude Sonnet 5.5 in Claude Code 2.1.283

Build a real-time interactive coastal simulation as one single self-contained HTML page using Three.js (CDN imports are fine). The scene: a shallow turquoise lagoon along a white-cliff coastline, with a free-fly camera that can skim across the water surface and dive below it.

Required features:
1. Water surface: animated waves with transparency and real-time refraction of the seabed and submerged objects, sky and cliff reflections, and foam where the water meets the shore and cliffs.
2. Underwater fauna: schools of small fish with flocking behavior that scatter when the camera comes close, at least one larger creature (ray, turtle, or shark) cruising the lagoon, caustic light patterns on the sand, and visible light rays under water.
3. Birds: birds flying above the coastline with flapping or soaring motion, at least some of them diving toward the water.
4. Camera droplets: when the camera rises out of the water, droplets cling to the lens and drip away or clear over a few seconds (screen-space overlay or post-process). Underwater, the view has blue-green fog and tint.
5. Lighting controls: on-screen controls to scrub the time of day (at least sunrise, noon, sunset, night) with matching sun position, sky color, water color, and underwater lighting; stars and a moon at night.
6. Performance: target a smooth 60 fps at 1080p on a mid-range GPU; show a live FPS meter and provide a quality toggle.

The page must run by opening the HTML file directly, with no build step and no server.

Copy promptShow all