Launch Your Rocket

Develop a real-time rocket experience web application named The Long March 10B Immersive Recovery Mission, built with Three.js for 3D rendering and MediaPipe for on-device hand gesture recognition. The core interactive logic allows users to adjust the rocket’s thrust power and corresponding exhaust flame effects in real time by varying the frequency of fist-clenching gestures captured via the device camera. The application must fully simulate the complete end-to-end rocket mission sequence, including clear visual and dynamic effects for each phase: launch, stage separation, return flight, atmospheric re-entry, and landing. During the offshore recovery phase, users are required to perform a waving gesture to trigger the official recovery operation; if the system detects that the rocket’s thrust remains below the required threshold for a continuous period, it will automatically activate the full failure sequence, presenting coherent dynamic effects including loss of control, crash and on-impact explosion. The application needs to integrate four selectable cinematic camera modes for user switching at any time: close-up view, follow camera, orbit camera, and aerial perspective. A real-time camera preview window and hand gesture recognition status indicator shall be fixed at the bottom-right corner of the interface for user reference. Additional required features include built-in bilingual internationalization support covering both Chinese and English, and native integration of the Eazo SDK brand element in appropriate interface positions. Ensure smooth operation across mainstream modern browsers with low latency for gesture response and stable 3D frame performance throughout all mission phases.