Build a cinematic 3D jet engine breakdown visualization using Three.js, TypeScript, and Vite. Create a detailed, procedurally generated turbofan engine with a front fan, multiple compressor stages, combustion chamber, turbine stages, central shaft, exhaust nozzle, and outer casing. CORE EXPERIENCE: - Start with the complete assembled engine. - Animate the engine components separating axially into an exploded view, revealing each internal stage. - Hold the exploded view briefly, then smoothly reassemble the engine. - Keep components correctly aligned along the central shaft. - Rotate the fan, compressor, shaft, and turbine components when assembled. - Add animated airflow particles traveling through the engine. - Allow users to orbit the camera and control the animation. VISUALS: - Generate all geometry procedurally. No external models or textures. - Create curved metallic fan blades, detailed compressor stages, turbine blades, structural supports, and realistic engine casings. - Use brushed titanium, steel, and aluminum materials with cinematic studio lighting and soft shadows. - Add labels identifying major components. - Use a dark, minimal background that emphasizes the machinery. TECHNICAL: - Three.js, TypeScript, and Vite. - Modular code, reusable geometry, and smooth animation. - Include play/pause, exploded-view progress, and camera controls. - Ensure components separate without unwanted collisions or misalignment. - Run the production build and fix errors. Deliver a functioning application, not a mockup. Prioritize mechanical detail, correct component ordering, smooth exploded-view animation, and a polished cinematic presentation. Optimize the initial animation for a 10–12 second video showcase.
