Moonbase Construction

Use Three.js to build a "phased moonbase construction" concept web page, with all models created procedurally (no external model files). Hard requirements: a cinematic scene with at least 3 million triangles in total, on par with NASA concept renders.
Core of this version: a construction-phase timeline — Phase 1: the lander descends (lunar dust blown up by the engines) → Phase 2: the solar arrays unfold → Phase 3: the cylindrical modules are lifted into place and connected → Phase 4: the dome main-cabin frame is assembled and sealed → Phase 5: the rover drives out and the base goes into operation, fully lit. Dragging the timeline scrubs forward and backward; the construction must play as solid assembly animation, not cross-fades.
No shortcuts on modeling: the dome frame built strut by strut, hatch portholes and handrails, solar cells panel by panel, the rover's suspension and wheel sets, the lander's nozzles and ramp; 2–3 craters on the lunar surface, displaced regolith particles and wheel tracks; full PBR, with worn metal covered in moondust and wrinkled reflective foil — no cartoon look.
Acceptance: 60 fps (merged geometry / instancing / LOD, no visible quality loss) and zero console errors; take your own screenshots to check every phase of the assembly animation for clipping, iterate at least 3 rounds, and fix anything unsatisfactory before re-checking.
Deliverable: a self-contained code package with all assets, models, textures and code, ready to deploy directly, placed in /output (assets in /output/assets). Move the construction site from the Moon to Mars: the ground becomes red sandy soil with rocks, the sky turns ochre, and the lander blows up a red dust storm on touchdown. Keep the same construction phases (landing, solar array deployment, module connection, dome sealing, rover rollout) and the same timeline interaction, with a dust-covered finish added to the materials. Additional hard requirements (second revision, 2026-09-11):
1) The page must include one-click Chinese/English switching: all UI copy, buttons, info cards and placards fully bilingual, defaulting to Chinese;
2) Polish the following dimensions and screenshot-check each one yourself: no intersection or clipping between models (throughout the animations); details must surprise (Easter-egg-level micro details such as nameplates, serial numbers and indicator lights); materials must feel heavy and realistic with real volume; motion and effects (particles, glow, camera moves) must be cinematic; the UI must be refined (typography, whitespace, hierarchy, dark professional style).

Use Three.js to build a "phased moonbase construction" concept web page, with all models created procedurally (no external model files). Hard requirements: a cinematic scene with at least 3 million triangles in total, on par with NASA concept renders.
Core of this version: a construction-phase timeline — Phase 1: the lander descends (lunar dust blown up by the engines) → Phase 2: the solar arrays unfold → Phase 3: the cylindrical modules are lifted into place and connected → Phase 4: the dome main-cabin frame is assembled and sealed → Phase 5: the rover drives out and the base goes into operation, fully lit. Dragging the timeline scrubs forward and backward; the construction must play as solid assembly animation, not cross-fades.
No shortcuts on modeling: the dome frame built strut by strut, hatch portholes and handrails, solar cells panel by panel, the rover's suspension and wheel sets, the lander's nozzles and ramp; 2–3 craters on the lunar surface, displaced regolith particles and wheel tracks; full PBR, with worn metal covered in moondust and wrinkled reflective foil — no cartoon look.
Acceptance: 60 fps (merged geometry / instancing / LOD, no visible quality loss) and zero console errors; take your own screenshots to check every phase of the assembly animation for clipping, iterate at least 3 rounds, and fix anything unsatisfactory before re-checking.
Deliverable: a self-contained code package with all assets, models, textures and code, ready to deploy directly, placed in /output (assets in /output/assets). Turn the page into a science edition for children: rewrite all interface copy in simple language suitable for ages 8-12, and give each construction phase a knowledge card that explains a related space concept in one or two sentences (such as why solar power is needed and what the dome is for), defaulting to Chinese. Keep the timeline and assembly animations unchanged. Additional hard requirements (second revision, 2026-09-11):
1) The page must include one-click Chinese/English switching: all UI copy, buttons, info cards and placards fully bilingual, defaulting to Chinese;
2) Polish the following dimensions and screenshot-check each one yourself: no intersection or clipping between models (throughout the animations); details must surprise (Easter-egg-level micro details such as nameplates, serial numbers and indicator lights); materials must feel heavy and realistic with real volume; motion and effects (particles, glow, camera moves) must be cinematic; the UI must be refined (typography, whitespace, hierarchy, dark professional style).