Sunken Atlantis Three.js Demo

A procedurally generated 3D Atlantis flythrough built in one shot with Three.js.

Description

A single self-contained Three.js file rendering a sunken city with a central temple, ruins, and animated marine life. The build demonstrates complex procedural generation including volumetric god rays, caustic light patterns, and boid fish, created as a benchmark comparing Qwen 3.8 and Claude Opus 4.6.

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: Benchmarking Qwen 3.8 27B against Claude Opus 4.6 in a complex one-shot procedural 3D graphics task.
Attributed to: @aimlapi
Built with: Qwen3.8-27B Opus 4.6
Tags: #threejs #procedural #webgl #graphics

Discovered: X
First posted: X · Aug 14, 2026
Listed: Added 53d ago
Build: Moderate
Models: Strong

Prompt

Create a complete, single self-contained HTML file using three.js (CDN import allowed, everything else fully procedural — no textures, no models, no external assets). It renders the sunken city of Atlantis on the ocean floor. Scene: a grand central temple with a glowing turquoise portal, avenues of broken greek columns and ruined domed buildings, fallen statues, swaying kelp, coral clusters, a school of 30+ boids fish in several colors, streams of rising bubbles, drifting plankton particles, volumetric god-ray light shafts from the surface, animated caustic light patterns on the seafloor and ruins, deep blue underwater fog. Rendering: ACESFilmicToneMapping, sRGB output, PCFSoft shadows, 60 fps target. Animation: a scripted 20-second looping camera flythrough — start high in open murky water, descend toward the city, glide low along the main avenue between columns, slowly orbit the central temple as fish stream past, then pull back and up to a wide reveal of the whole city; kelp sways, bubbles rise, light shafts shimmer the entire time. No UI, no text overlays, just the scene. Keep the implementation compact (aim for under ~500 lines), write the code directly without lengthy deliberation, and return only the full HTML file.

Source

Explore

Toys & Experiments