Scribble Hero: Móvil - Acción Juego

Utiliza Three.js para generar un **juego con enfoque móvil** con el tema "Scribble Hero: Mobile". Por favor, lee primero los siguientes requisitos detallados de diseño del juego y luego genera el código en consecuencia: ### 1. Recursos y Entorno * **Estilo Visual**: El juego debe adherirse estrictamente a una estética de "Garabatos a Mano". El mundo debe parecer un diorama 3D hecho de recortes de papel. * **Entorno**: El plano del suelo debe ser una textura repetida de **papel de cuaderno rayado**. Esparcidos por el mapa hay obstáculos 3D que parecen material escolar (borradores gigantes, sacapuntas, botellas de tinta derramadas) que actúan como cobertura. * **Personajes**: * **Héroe ("Sketch")**: Usa un `THREE.Sprite` o una malla de Plano plana con una textura de un héroe figura de palitos (pelo rosa, pistola de dibujos animados) que siempre mire hacia la cámara (efecto Billboard). * **Enemigos**: "Garabatos Siniestros" y "Masas Verdes" (de la captura de pantalla). Deben animarse con una velocidad de fotogramas entrecortada, como stop-motion, para simular animación dibujada a mano. * **Efectos Visuales (VFX)**: Dado que la etiqueta incluye "Sangriento", implementa un sistema de partículas que rocíe **tinta de color** (salpicaduras rojas o verdes) sobre el papel del cuaderno cuando los enemigos sean derrotados. Estas manchas de tinta deben persistir un tiempo antes de desvanecerse para optimizar el rendimiento. * **Optimización para Móviles**: Usa geometría simple para los obstáculos. Pre-hornea las sombras donde sea posible. Limita el conteo máximo de partículas activas para los efectos de tinta para asegurar 60 FPS en navegadores móviles. ### 2. Requisitos de Audio * **Música de Fondo (BGM)**: Una pista **Garage Rock / Pop-Punk** en bucle (guitarras distorsionadas, batería enérgica) para que coincida con la vibra de cuaderno adolescente rebelde. * **Efectos de Sonido**: * **Disparos**: En lugar de sonidos de disparos realistas, usa sonidos agresivos de "garabatear" o "arañar con lápiz". * **Muerte del Enemigo**: Un sonido húmedo de "aplastamiento" o "chapoteo" combinado con un ruido de papel arrugándose. * **Interfaz de Usuario (IU)**: Sonidos de papel crujiendo al hacer clic en los botones. * **Ambiente**: Ruido de fondo de aula tenue (timbre distante, tos) para ambientar la escena. ### 3. Bucle de Jugabilidad * **Género**: Juego de disparos con vista superior y dos joysticks (Twin-Stick Shooter). * **Ciclo Principal**: El jugador controla a 'Sketch' en una hoja de papel infinita. Los enemigos aparecen en oleadas desde los bordes de la pantalla. El jugador debe sobrevivir el mayor tiempo posible. * **Mecánicas**: * **Arma**: Un lanzador automático de tinta. Las balas deben parecer rayas dibujadas ` - - - `. * **Salud**: Un sistema simple de corazones (3 corazones). Recibir daño activa un parpadeo temporal de "invulnerabilidad". * **Puntuación**: Cada enemigo eliminado suelta "Monedas Doodle" o simplemente añade puntos a la puntuación. * **Victoria/Derrota**: El juego es un modo supervivencia infinito. Se produce Game Over cuando la salud llega a cero, mostrando una pantalla con animación de "Papel Arrugado" y un botón de "Reiniciar". ### 4. Controles e Interacción Móvil * **Esquema de Controles**: **Joysticks Virtuales Dobles**. * **Joystick Izquierdo (Inferior-Izquierdo)**: Controla el movimiento y la física del personaje (basado en velocidad). * **Joystick Derecho (Inferior-Derecho)**: Controla la rotación de la puntería y dispara automáticamente cuando se mantiene presionado. * **Orientación**: Lógica para forzar el **Modo Horizontal** (redimensionar el lienzo dinámicamente, pero el diseño de la IU asume ancho > alto). * **Retroalimentación Háptica**: Activar `navigator.vibrate(20)` del dispositivo cuando el jugador dispara y `navigator.vibrate([50, 50, 50])` cuando el jugador recibe daño. * **Diseño de la IU**: * Botón de pausa en la esquina superior derecha (objetivo táctil mínimo de 44x44px). * Mostrador de puntuación en la parte superior-centro usando un estilo de fuente de "escritura a mano" (por ejemplo, Comic Sans o una fuente de Google como 'Indie Flower'). * Asegúrese de que los joysticks se reposicionen dinámicamente según donde el jugador toque primero la pantalla dentro de las zonas activas, para adaptarse a diferentes tamaños de pulgares.