Scribble Hero: Mobile - Action Game

Please use Three.js to generate a **mobile-first game** with the theme "Scribble Hero: Mobile". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: The game must strictly adhere to a "Hand-Drawn Doodle" aesthetic. The world should look like a 3D diorama made of paper cutouts. * **Environment**: The ground plane must be a repeating texture of **lined notebook paper**. Scattered around the map are 3D obstacles that look like school supplies (huge erasers, pencil sharpeners, spilled ink bottles) acting as cover. * **Characters**: * **Hero ("Sketch")**: Use a `THREE.Sprite` or a flat Plane mesh with a texture of a cool stick-figure hero (pink hair, cartoon gun) that always faces the camera (Billboard effect). * **Enemies**: "Sinister Scribbles" and "Green Blobs" (from the screenshot). They should animate with a jittery, stop-motion frame rate to simulate hand-drawn animation. * **VFX**: Since the tag includes "Bloody," implement a particle system that sprays **colored ink** (red or green splatters) onto the notebook paper floor when enemies are defeated. These ink stains should persist for a while before fading to optimize performance. * **Mobile Optimization**: Use simple geometry for obstacles. Bake shadows where possible. Limit the maximum active particle count for the ink effects to ensure 60 FPS on mobile browsers. ### 2. Audio Requirements * **BGM**: A looping **Garage Rock / Pop-Punk** track (distorted guitars, upbeat drums) to match the rebellious teen notebook vibe. * **Sound Effects**: * **Shooting**: Instead of realistic gunshots, use aggressive "scribbling" or "pencil scratching" sounds. * **Enemy Death**: A wet "squish" or "splat" sound combined with a paper crumbling noise. * **UI**: Paper rustling sounds when clicking buttons. * **Ambience**: Faint classroom background noise (distant bells, coughing) to set the scene. ### 3. Gameplay Loop * **Genre**: Top-Down Twin-Stick Shooter. * **Core Loop**: The player controls 'Sketch' on an infinite sheet of paper. Enemies spawn in waves from the edges of the screen. The player must survive as long as possible. * **Mechanics**: * **Weapon**: An automatic ink-blaster. Bullets should look like drawn dashes ` - - - `. * **Health**: A simple heart system (3 hearts). Taking damage triggers a temporary "invulnerability flicker." * **Scoring**: Every enemy killed drops "Doodle Coins" or simply adds to the score. * **Win/Loss**: The game is an endless survival mode. Game Over occurs when health reaches zero, displaying a "Crumbled Paper" animation screen with a "Restart" button. ### 4. Mobile Controls & Interaction * **Control Scheme**: **Dual Virtual Joysticks**. * **Left Joystick (Bottom-Left)**: Controls movement character physics (velocity-based). * **Right Joystick (Bottom-Right)**: Controls aiming rotation and auto-fires when held down. * **Orientation**: Force **Landscape Mode** logic (resize canvas dynamically, but UI layout assumes width > height). * **Haptic Feedback**: Trigger the device's `navigator.vibrate(20)` when the player shoots and `navigator.vibrate([50, 50, 50])` when the player takes damage. * **UI Design**: * Pause button in the top-right corner (minimum 44x44px touch target). * Score display in the top-center using a "hand-written" font style (e.g., Comic Sans or a Google Font like 'Indie Flower'). * Ensure the joysticks reposition dynamically based on where the player first touches the screen within the active zones to accommodate different thumb sizes. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.