[Copy Prompt] Multi-stage Rocket Launch Simulation Coding Task · Engineering AI Template

Prompt Edit here before copy/try — source content is unchanged

Write a complete, single-file HTML/JavaScript application that simulates a SpaceX Falcon 9 (Starlink mission) rocket launch in 3D using the Three.js library. The application must run locally in a web browser without requiring a build step by loading Three.js via CDN. Push your rendering and mathematical capabilities to the limit by satisfying the following requirements:

1. Procedural Rocket Geometry: Generate a detailed Falcon 9 rocket using Three.js primitives (cylinders, cones, boxes). Include the main booster, folded landing legs, grid fins, the black interstage, second stage, and the distinct blunt Starlink payload fairing.
2. Launch Environment: Build a launch pad featuring a strongback support structure, a textured concrete ground plane, and a dynamic atmospheric gradient for the sky.
3. Physics-Based Animation: Program a realistic launch sequence. The rocket must start stationary, ignite with a 2-second hold, release clamps, and accelerate upward using a continuous physics calculation (accounting for thrust, mass, gravity, and acceleration).
4. Custom Particle System: Implement a high-performance, custom particle system for the engine exhaust plume and pad smoke. The particles must feature dynamic scaling, velocity, opacity fading, and color interpolation (from bright white/yellow ignition to expanding gray smoke).
5. Cinematic Camera: Program a dynamic camera system that starts low on the pad, tracks the rocket as it ascends, and includes procedural "camera shake" that scales in intensity with engine thrust and simulated dynamic pressure (Max-Q).
6. Dynamic Lighting: Implement directional daylight and ambient lighting with realistic shadows. Attach a flickering, intense point light to the engine exhaust to cast dynamic shadows from the rocket onto the launch pad structure during liftoff.

Ensure the code is robustly structured, highly optimized for smooth framerates.

Prepare your materials

Generate a preview after filling the fields. Materials are processed only in this page. Matching placeholders are replaced; other fields are appended at the end. Check that they agree with the original text.

code goal