Reduce motion is on · previews stay still
All effects Exploded views Exploded Circular Temple Exploded Circular Temple Exploded Circular Temple is a published Three.js prompt by @goan999999. It has source credit and no verified 3dmotion rebuild.
by @goan999999 on X · 2026-09-08
Author preview · no on-site rebuild Original prompt @goan999999 · X Rebuild status No verified 3dmotion rebuild. Open demo No live demo linked here. Prompt by @goan999999. Copies include source credit.
Original prompt Free · 2,051 characters Create a complete, runnable WebGL project of Beijing’s Temple of Heaven Hall of Prayer for Good Harvest using TypeScript + Three.js. All architectural geometry, textures, and animations must be generated procedurally by code at runtime. Do…
Create a complete, runnable WebGL project of Beijing’s Temple of Heaven Hall of Prayer for Good Harvest using TypeScript + Three.js. All architectural geometry, textures, and animations must be generated procedurally by code at runtime. Do not load external models such as .glb, .gltf, .obj, or .fbx.
Architectural details:
Three tiers of blue glazed-tile domed roofs with different sizes and heights, a gilded finial, red columns, a circular hall body, blue, green, and gold painted details, dougong brackets, and doors and windows.
Use curved profiles, surfaces of revolution, or custom geometry for the roofs to create broad, gently upturned eaves; do not replace them with simple cones.
Create a three-tier circular platform in white Han white jade, with a central staircase, balustrades, and posts. Keep the overall proportions harmonious and the structure clearly layered.
Generate tile textures and decorative details procedurally. Prefer InstancedMesh for repeated components.
Scene and interaction:
Use a Beijing-blue sky, a plaza ground plane, and a small amount of greenery. Combine DirectionalLight with AmbientLight／HemisphereLight, and enable shadows, ambient occlusion, and moderate cinematic tone mapping.
Support rotation and zoom with OrbitControls, along with an optional slow automatic orbit showcase.
Add a button to toggle “explode/reassemble”: the roofs, columns, dougong brackets, walls, doors and windows, balustrades, and platform should smoothly spread apart by hierarchy, then return precisely to their original positions. Drive the animation with code, use staggered timing, and avoid teleporting.
Deliver the complete project and startup instructions directly. The page should respond to the window size, provide high-quality visuals and smooth interaction, and maintain performance in ordinary desktop browsers through instancing, appropriate geometric detail, and rendering optimizations. Keep the code modular and easy to extend. Verify the build and core features, and clearly state anything that was not verified. Prompt by @goan999999 , posted on X on 2026-09-08. x.com/goan999999/status/2097323734504017936 . Copies include this credit. Original prompt, credited
collection · petergpt Open, then Run
A Verified card includes a receipt and a pinned single-file rebuild you can run here. Recorded limitations explain what the rebuild changes or leaves out.
