SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "**Super MX Mobile - Dirt Track Racing**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Semi-realistic 3D graphics with a focus on vibrant colors and clear readability. The look should mimic mid-2000s arcade racers (e.g., PS2 era) but optimized for WebGL. * **Environment:** A dirt track arena with undulating terrain (hills, jumps, ramps). The ground needs a detailed dirt/mud texture with tire track decals. * *Background:* A blurred stadium crowd (billboard style or low-poly static meshes) to simulate a packed arena without high rendering cost. * *Lighting:* Bright, outdoor directional lighting (sunlight) casting dynamic shadows for the bikes. Use simple ambient light to ensure visibility in shadows. * **Models:** * **Main Rider:** A detailed biker model with customizable colors (red/white gear as seen in the reference) on a motocross bike. The bike needs working suspension animations (springs compressing on landing). * **Opponents:** Low-poly versions of the main rider in different colors (Blue, Green, etc.) to save performance. * **Mobile Optimization:** Use low-poly meshes for background elements. Limit real-time shadow casting to the player and nearest opponents. Use foggy horizons to mask draw distance limitations. ### 2. Audio Requirements * **BGM:** High-energy, adrenaline-pumping rock or punk-pop instrumental track. It should feel fast-paced and competitive. * **Sound Effects (SFX):** * *Engine:* A distinct, revving 2-stroke engine sound that changes pitch based on speed/acceleration. * *Environment:* "Whoosh" sounds when passing opponents or flying off jumps. Thud/crunch sounds for hard landings or crashes. * *UI:* Mechanical "click" sounds for menu selection and a cash register "cha-ching" sound when earning money/finishing a race. ### 3. Gameplay Loop * **Core Racing:** The player races against 3-5 AI opponents (scaled down from 8 for mobile performance) on a looped dirt track. * **Physics:** Arcade-style physics. The bike should feel grippy on the ground but floaty in the air to allow for easy stunts. "Ragdoll" or simple fall animation if the player hits a wall too hard. * **Progression:** * Finishing a race (1st, 2nd, 3rd) awards virtual currency ($). * Currency allows purchasing simple cosmetic upgrades (helmet color, bike skin) in a minimal shop menu. * **Free Ride Mode:** A toggle option to remove opponents and timer, allowing the player to just drive around and practice jumps. * **Respawn Mechanic:** If the player flips over or goes out of bounds, they automatically reset to the center of the track after 2 seconds (or manual reset via button). ### 4. Mobile Controls & Interaction * **Orientation:** Landscape mode (Required for wide field of view). * **Touch Controls (UI Overlay):** * **Left Thumb:** A virtual joystick or Left/Right arrows for steering. * **Right Thumb:** * Large "Accelerate" button (Gas). * Smaller "Brake/Reverse" button. * A "Respawn" icon button (replacing the Spacebar functionality) in the top right corner. * **Camera:** Third-person chase camera that smoothly follows the bike. It should lag slightly behind during acceleration and stiffen during jumps to emphasize height. * **Feedback:** Screen shake effect upon landing big jumps or crashing. Visual speed lines at the edges of the screen when reaching top speed. * **UI Layout:** * Top Left: Position (e.g., "1/6"). * Top Right: Lap Counter & Timer. * Buttons must be at least 44x44px with generous hitboxes. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.