SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Boxing Stars". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a **Stylized Low-Poly 3D** aesthetic to match the "cartoony" description while ensuring high performance on mobile devices. Use bright, saturated textures for characters. * **Camera Perspective**: Fixed side-view perspective (2.5D style). The camera should slightly pan to follow the players but remain locked on the Z-axis. * **Characters**: * **Player Model**: A muscular, customizable boxer composed of simple geometric shapes (box gloves, cylinders for arms). Color-coded (e.g., Red Shorts). * **Opponent Model**: Similar mesh but with different color palettes (e.g., Blue Shorts) and slightly varying scales to represent different weight classes. * **Environment (The Ring)**: * Create a boxing ring using `THREE.BoxGeometry` for the canvas and `THREE.CylinderGeometry` for ropes and posts. * **Background**: Use a dark, low-poly crowd silhouette or a simple gradient skybox to simulate an "Underground" or "Arena" atmosphere without high rendering costs. Use particle systems (simple sprites) for camera flashes in the background. * **Performance**: Use a single directional light with shadow casting enabled for the boxers. Merge static geometries where possible. Limit draw calls. ### 2. Audio Requirements * **BGM**: An upbeat, high-energy generic rock or hip-hop instrumental loop that triggers during the fight. A calmer, "locker room" style track for the upgrade menu. * **Sound Effects (SFX)**: * **Combat**: Heavy "Thud" for successful hits, "Whoosh" for dodges/misses, and a metallic "Clang" for blocked punches. * **UI**: "Click" sounds for buttons and a "Cash Register" sound when purchasing upgrades. * **Atmosphere**: A "Ding-Ding" bell sound at the start/end of a match and a crowd cheer sound effect upon a knockout. ### 3. Gameplay Loop * **Core Logic**: A 1v1 fighting engine. * **Health & Stamina**: Both characters have HP and Stamina bars. Attacks drain Stamina. If Stamina is 0, the character moves slower and cannot attack. Blocking regenerates Stamina slower than idling. * **Combat States**: Idle, Move Left/Right, Light Punch (fast, low dmg), Heavy Punch (slow, high dmg, knockback), Block (reduces dmg), Stunned (when stamina runs out or hit heavily). * **Progression System**: * **Money**: Earn currency ($) based on winning/losing. * **Shop/Upgrades**: Between fights, display a UI to upgrade 4 stats: **Health, Defense, Power, Stamina Regen**. * **Tiers**: Start in "Underground". Simple logic to increase enemy difficulty/stats after every 3 wins. * **Win/Loss Condition**: Win by reducing opponent HP to 0 (KO). Loss if player HP reaches 0. ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode**. * **Touch Controls (UI Overlay)**: * **Left Zone**: Two large virtual buttons or a horizontal slider for **Movement (Left/Right)**. * **Right Zone**: * **Button A (Red)**: Heavy Punch (Knockback). * **Button B (Blue)**: Light Punch (Knockdown/Jab). * **Button C (Green/Shield icon)**: Block (Hold to sustain). * **Visual Feedback**: * **Hit Stop**: Briefly pause the animation loop (e.g., 100ms) on a successful heavy hit to simulate impact. * **Camera Shake**: Subtle camera vibration on heavy hits. * **Floating Text**: Display damage numbers popping off the character upon impact. * **Vibration**: Trigger `navigator.vibrate(50)` on player hits or taking damage. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.