SEELE AI Gaming Platform

Please use Three.js to generate a **mobile-first game** with the theme "Click Battle: Madness". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a **3D Toon-Shaded / Cel-Shaded** aesthetic to mimic the original 2D cartoon art style. Use bright, highly saturated colors (Red, Blue, Green, Yellow) to distinguish wizard types clearly on small screens. * **Camera Perspective**: Use an **Orthographic Camera** positioned at an isometric angle (fixed view) to ensure the grid and the battlefield are clearly visible without perspective distortion. * **Key Models**: * **The Grid**: A 5x5 or 4x4 grid of "Wizard Blocks" (can be cubes or low-poly wizard busts) located at the bottom-left or center-bottom of the screen. * **The Wall**: A stone fortification on the left side of the screen with glowing "Magic Cannons" corresponding to the grid rows. * **Enemies (Vikings)**: Low-poly Viking characters with axes/shields spawning from the right and moving left toward the wall. Use `InstancedMesh` for rendering many enemies efficiently. * **Projectiles**: Simple glowing geometric shapes (spheres, jagged bolts) with `TrailRenderer` or particle trails for spell effects. * **Mobile Optimization**: Use simple geometry for the environment (plane for ground). Limit dynamic lights; bake ambient occlusion into textures if possible. Use a single texture atlas for all characters to reduce draw calls. ### 2. Audio Requirements * **BGM**: Upbeat, quirky orchestral "Battle March" music. Think medieval instruments (lute, drums) but played at a frantic, electronic-remix tempo to match the "Madness" title. * **SFX**: * **Selection**: A satisfying "pop" or high-pitched magical chime when tapping a group of wizards. * **Attack**: Distinct sounds for elements: *Whoosh* (Fire), *Crack* (Ice), *Zap* (Lightning), *Squelch* (Acid/Nature). * **Impact**: Comical "Oof" or "Argh" sounds when Vikings are hit. * **Game Over**: A breaking stone sound (wall crumbling) followed by a sad trombone effect. ### 3. Gameplay Loop * **Core Mechanic (Match-Defense)**: The game combines Match-3 mechanics with Tower Defense. * The player sees a grid of colored wizards. * Vikings approach from the right side of the screen. * **Action**: Player taps a cluster of 2 or more adjacent same-colored wizards. * **Reaction**: The cluster disappears, and the corresponding elemental spell is fired from the wall at the enemies. * *Red*: Fireball (Splash damage). * *Blue*: Ice Bolt (Slows enemies). * *Green*: Acid (Damage over time). * *Yellow*: Lightning (Chain damage). * **Replenishment**: When a cluster is cleared, new wizards drop down from the top of the grid to fill the empty spaces immediately. * **Win/Loss Condition**: * **Loss**: If Vikings reach the wall and deplete its Health Bar (HP) to zero. * **Win**: Survive all waves of enemies or achieve a target high score (Endless Mode). ### 4. Mobile Controls & Interaction * **Touch Interaction**: * Implement `Raycaster` for touch detection. * **Tap**: Tapping a wizard checks for adjacent same-colored neighbors. If valid (>1), trigger the attack immediately. * **Visual Feedback**: When touched, the selected group should scale up slightly (1.2x) or flash white before disappearing. Add a small particle explosion (confetti style) when blocks break. * **Orientation**: **Landscape Mode** is preferred to allow a wide view of the battlefield (Vikings approaching from far right). * **UI Layout**: * **Wizard Grid**: Occupies the bottom-left 40% of the screen (thumb-friendly zone). * **Battlefield**: Occupies the top/middle area. * **Pause/Menu**: Top-right corner (safe area, away from action). * **Haptics**: Trigger a short, sharp vibration (`navigator.vibrate(20)`) whenever a spell is successfully cast to provide tactile confirmation. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.