SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Food Battle: Donut Invasion". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A vibrant, chaotic, cartoon-style aesthetic inspired by early 2010s flash animations and the "Smosh" brand identity. Use high-saturation colors: Lime Green (#8CC63F) for the ground, Bright Orange (#F7931E) for UI accents, and Hot Pink (#EC008C) for enemy frosting. * **Player Character:** A simple low-poly humanoid character (representing Ian or Anthony) wearing a casual hoodie and holding a "Food Weapon" (e.g., a giant celery stick or a baguette). * **Enemies (Killer Donuts):** Torus geometries with varying icing colors (Pink, Chocolate, Glazed). They should have simple "angry eye" textures or floating geometrical eyebrows. When destroyed, they should explode into jelly particles (particle system). * **Environment:** The "Village of Tickputt." A flat, enclosed arena with low-poly cartoon houses in the background (skybox or simple meshes). The ground should use a stylized grass texture. * **Mobile Optimization:** Use `THREE.InstancedMesh` for the donut enemies to maintain high FPS on mobile devices. Limit real-time shadows to the main character only; use baked ambient occlusion for the environment. ### 2. Audio Requirements * **BGM:** A fast-paced, loopable "Pop-Punk" or "Ska" style track (energetic drums and distorted guitars) to match the Smosh energy. * **Sound Effects (Synthesized):** * **Attack:** A "Whoosh" followed by a comical "Slap" or "Squish" sound. * **Hit/Damage:** A cartoon "Oof" or "Bonk." * **Enemy Death:** A wet "Splat" sound combined with a high-pitched squeak. * **UI:** "Ding" sounds for button presses. ### 3. Gameplay Loop * **Core Mechanic:** A wave-based 3D beat-'em-up. The player must survive endless waves of Killer Donuts. * **Combat:** The player moves around the arena and attacks automatically when within range of an enemy (auto-battler style) OR presses a button to swing their food weapon. * **Enemy Behavior:** Donuts spawn at the edges of the map and roll/hop towards the player. Different colors indicate different speeds. * **Win/Loss:** The player has a Health Bar (displayed at the top). Game Over occurs when HP reaches 0. A "Score" counter tracks how many donuts have been smashed. * **Power-up:** Occasionally, a "Golden Burrito" drops; picking it up restores health or increases attack speed for 5 seconds. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Landscape mode (force strictly via CSS/Canvas resizing logic). * **Movement (Left Thumb):** A Virtual Joystick (Nipple.js style implementation or custom Canvas drawing). It should appear dynamically where the user touches the left half of the screen. * **Action (Right Thumb):** A large, circular "Attack" button (minimum 80x80px) with a food icon on the bottom right. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` when the player takes damage or kills a donut. * **Visual:** Screen shake effect (camera jitter) upon taking damage. Damage numbers floating up from enemies when hit. * **UI Overlay:** HTML/CSS overlay for the joystick zone, attack button, score, and health bar. Ensure buttons have `touch-action: none` to prevent browser zooming/scrolling. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.