Unicycle Hero - Olympic Sports Challenge Game - Sports Game

Please use Three.js to generate a **mobile-first game** with the theme "**Unicycle Hero - Voxel Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 3D Voxel Art (MagicaVoxel style) to recreate the retro pixel-art aesthetic of the original screenshot but in a 3D space. The world should use bright, saturated colors: Sky Blue (#00BFFF) background, vibrant Red for track/clothing, and Bright Yellow for skin/accents. * **Character Model:** A blocky, jointed humanoid character. The body parts (head, torso, arms, legs) must be separate meshes to support **ragdoll physics**. The character is mounted on a single-wheeled unicycle. * **Props:** * **The Unicycle:** Simple geometry (cylinder for wheel, thin cylinders for frame). * **Heavy Object:** A "Hammer Throw" ball attached to a chain (simulated via joint constraints), or a javelin/discus depending on the event level. * **Environment:** A stylized Olympic stadium. A flat track (red) with distance markers (white lines). * **Camera:** A side-scrolling orthographic camera that follows the player smoothly but zooms out slightly when the object is thrown to show the trajectory. * **Optimization:** Use simple geometric primitives (BoxGeometry) merged where possible to keep draw calls low for mobile performance. Use basic Lambert materials instead of expensive PBR materials. ### 2. Audio Requirements * **BGM:** An energetic, 8-bit Chiptune style "Sports Anthem" that loops. It should sound heroic but slightly goofy. * **Sound Effects (SFX):** * **UI:** Retro "blip" sounds for button presses. * **Movement:** A rhythmic "squeak-rattle" loop when the unicycle wheel turns. * **Action:** A "whoosh" sound increasing in pitch as the player swings the object to build momentum. * **Feedback:** A comical "crunch" or "splat" sound if the character falls over (ragdoll collapse). A cheering crowd sound effect when a high score is achieved. ### 3. Gameplay Loop * **Physics Engine:** Integrate **Cannon.js** or **Ammo.js**. This is essential. The unicycle must act as an inverted pendulum—naturally unstable and requiring player input to stay upright. * **Mechanics:** 1. **Balancing & Moving:** The player must tap Left/Right to pedal and keep the center of mass balanced over the wheel. 2. **Charging:** The player holds a "Throw" button. This causes the character's arm to spin (physics-based), swinging the heavy object around the body. The swinging adds chaotic momentum, making balancing harder. 3. **Releasing:** The player releases the button to let go of the object. 4. **Scoring:** The camera follows the object until it lands. Score is calculated based on distance. * **Fail State:** If the player's body (head/torso) touches the ground before the throw is complete, the run is disqualified. * **Progression:** Simple text UI showing "Personal Best" and current distance. ### 4. Mobile Controls & Interaction * **Orientation:** **Landscape Mode** (essential for track and field lateral movement). * **Touch Controls:** * **Left Screen Area (Balancing):** Two large, semi-transparent buttons: **< (Lean Back/Brake)** and **> (Lean Forward/Pedal)**. Hitbox size should be at least 80x80px. * **Right Screen Area (Action):** A large, distinct **"THROW" button**. Logic: `TouchStart` = Start spinning/charging power; `TouchEnd` = Release object. * **Haptic Feedback:** Trigger device vibration (`navigator.vibrate`) when the unicycle tips too far (warning) or when the heavy object hits the ground (impact). * **UI Layout:** Keep score and distance displays at the top center, away from touch zones. A "Restart" button should appear prominently only after the round ends. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.