SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "**Grand Prix Hero - Mobile Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-saturation "Arcade Realism." Use Low-poly 3D models with baked lighting textures to ensure high FPS on mobile devices. The aesthetic should mimic the screenshot: bright blue skybox with clouds, vibrant green grass verges, and grey asphalt. * **Core Models**: * **Player Car**: A sleek, low-poly Formula 1 style race car (Blue/Silver livery). Separate meshes for the wheels to allow rotation animation. * **Traffic Cars**: Low-poly opponent cars in distinct colors (Red, Yellow, Green) to act as obstacles. * **Track Elements**: Modular track segments including overhead gantries with "GRAND PRIX" banners, billboard-style trees (2D sprites always facing camera) for the background to save polygons, and yellow/black caution curbs. * **Effects**: * **Speed Lines**: A radial blur post-processing effect or simple white line particles streaking past the camera when boosting. * **Shadows**: Use simple blob shadows under cars instead of expensive real-time shadows. * **Performance**: Implement object pooling for track segments, coins, and traffic cars. Use a fog effect (color #87CEEB) to hide the draw distance and reduce rendering load. ### 2. Audio Requirements * **BGM**: A fast-paced, looping high-energy Electro-Rock track (160 BPM) to induce a sense of speed. * **SFX**: * **Engine**: A continuous synthesized "whine" pitch that increases pitch based on the car's speed. * **Coins**: A satisfying, retro "bling" or high-pitched chime when collecting gold coins. * **Boost**: A "whoosh" or jet-engine sound when driving over speed pads. * **Impact**: A dull metallic thud when hitting traffic, accompanied by a momentary pitch-down of the engine sound. ### 3. Gameplay Loop * **Core Mechanics**: The car **auto-accelerates**. The player's only goal is steering to survive and collect. * **Traffic & Obstacles**: The player must dodge slower-moving traffic. Hitting a car slows the player down significantly (loss of momentum) but does not destroy the car. * **Collectibles**: * **Gold Coins**: Scattered in lanes. Collecting them adds to a "Cash" score used for upgrades. * **Speed Boosts**: Yellow arrow pads on the tarmac. Hitting one gives a temporary speed multiplier (1.5x) and a visual FOV widening effect. * **Progression**: The race is finite (e.g., 2000 meters). The goal is to finish with the best time. Between races, a simple shop UI allows spending coins to upgrade "Top Speed," "Acceleration," and "Grip." ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode** (Force landscape if possible via CSS/JS prompts). * **Touch Controls**: * **Steering**: Split-screen touch inputs. * Tap/Hold **Left 50% of screen** to steer Left. * Tap/Hold **Right 50% of screen** to steer Right. * Steering should have a slight "lerp" (smoothing) so the car doesn't snap instantly, giving it a feeling of weight. * **UI Layout**: * **HUD**: Keep it minimal. "Position" (e.g., 1/12) in Top-Left. "Speed" (km/h) in Top-Right. * **Buttons**: Large, touch-friendly buttons (min 44px height) for "Start Race" and "Upgrade" menus. * **Feedback**: * **Haptic**: Trigger a short vibration (using `navigator.vibrate(50)`) when hitting a wall or another car. * **Camera**: The camera should slightly lag behind the car (lazy follow) and tilt when steering to emphasize the turn. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.