Mad Stick - Juego de Batalla con Físicas de Figuras de Palo - Acción Juego

Utiliza Three.js para generar un **juego con enfoque móvil** con el tema "**Mad Stick: Ragdoll Chaos**". Por favor, lee primero los siguientes requisitos de diseño de juego detallados y luego genera el código acorde: ### 1. Activos y Entorno * **Estilo Visual:** Acción en 2.5D de desplazamiento lateral. El juego debe usar una estética minimalista pero pulida. Los personajes son "gruesos" hombres de palo construidos con geometrías simples de cilindros y esferas (Low-poly) para garantizar alto rendimiento en navegadores móviles. * **Diseño de Personajes:** * **Jugador:** Una figura de hombre de palo negra con equipo distintivo personalizable (por ejemplo, una banda roja en la cabeza o un chaleco). * **Enemigos:** Hombres de palo con variaciones como texturas de camuflaje, cascos de cubo o chalecos militares. * **Rigging:** Todos los personajes deben utilizar un sistema **Ragdoll Physics** (usando un motor de físicas como Cannon.js o Ammo.js integrado con Three.js). Las extremidades deben reaccionar dinámicamente a impactos, explosiones y caídas, en lugar de depender únicamente de animaciones predefinidas. * **Entorno:** * **Primer Plano:** Un suelo plano e infinito de hormigón con objetos físicos dispersos (por ejemplo, cajas naranjas, barriles explosivos) que el jugador pueda patear o disparar. * **Fondo:** Una silueta de ciudad monocromática (tonos grises/azules) con desplazamiento en paralaje para crear profundidad sin consumir recursos de la GPU. * **Cámara:** Cámara ortográfica o cámara de perspectiva con FOV estrecho que siga al jugador desde un lateral, con ligeros zooms hacia atrás durante la acción de alta velocidad. * **VFX:** Sistemas de partículas simples para destellos de cañón, salpicaduras de sangre (bloques/partículas rojos) y estelas de humo para las balas. ### 2. Requisitos de Audio * **BGM (Música de Fondo):** Una canción de "Rock Arcade" o "Breakbeat" de alta energía y ritmo rápido que fomente un juego agresivo. El tempo debe coincidir con la naturaleza caótica del combate. * **Efectos de Sonido (SFX):** * **Armas:** Sonidos realistas y potentes de disparos, con ligeras variaciones en el tono para evitar la repetición. * **Física:** Sonidos cómicos de "golpe sordo" y "crujido" cuando los cuerpos tipo *ragdoll* chocan contra paredes o el suelo. * **Interfaz de Usuario (UI):** "Clics" digitales al presionar botones; un satisfactorio sonido de "cha-ching" o de puntuación de arcade cuando se elimina a un enemigo. * **Cámara lenta:** Un profundo efecto de "silbido" o de bajada de tono cuando el jugador realiza una acrobacia o se activa el "Tiempo a Cámara Lenta". ### 3. Bucle de Juego * **Mecánicas Principales:** El jugador se mueve continuamente hacia la derecha o en un estilo arena, luchando contra oleadas de *stickmen* armados. El objetivo es sobrevivir y conseguir puntos eliminando enemigos con estilo. * **Interacción Física:** La diversión principal radica en la interacción tipo *ragdoll*. Disparar a un enemigo debe empujarlo físicamente hacia atrás (impulso de fuerza). Patear un cajón debe hacer que salga volando hacia los enemigos. * **Sistema de Acrobacias:** Mientras está en el aire, el jugador puede realizar volteretas o giros. Las acrobacias exitosas recargan un "Medidor de Concentración" (permite apuntar a cámara lenta) o salud. * **Combate:** * **Disparos:** Disparos basados en proyectiles con caída por gravedad. Un alto retroceso afecta el equilibrio del *stickman*. * **Cuerpo a cuerpo:** Si está cerca de un enemigo, el personaje realiza automáticamente una patada basada en física o un golpe con la pistola. * **Victoria/Derrota:** * **Victoria:** Llegar al final del nivel o derrotar a una oleada de jefe. * **Derrota:** La salud del jugador llega a cero (visualizado por el *stickman* que se vuelve flácido/tipo *ragdoll*). ### 4. Controles e Interacción Móvil * **Orientación de Pantalla:** **Modo Horizontal** (Esencial para el campo de visión de desplazamiento lateral). * **Esquema de Control (Configuración de Doble Joystick):** * **Joystick Virtual Izquierdo:** Controla el movimiento (carrera Izquierda/Derecha) y la postura (Abajo para rodar/agacharse). * **Joystick Virtual Derecho:** Controla la **Dirección de la Mira**. Arrastrar el joystick apunta la mira láser del arma; **Soltar** el joystick dispara el arma. Esto permite una puntería precisa en móviles. * **Botón de Salto (lado derecho, independiente):** Pulsar para saltar. Pulsar de nuevo en el aire para realizar una voltereta acrobática. * **Retroalimentación:** * **Háptica:** Activar `navigator.vibrate(20)` al disparar y `navigator.vibrate(50)` al recibir daño o eliminar a un enemigo. * **Sacudida Visual:** Aplicar un efecto sutil de sacudida de pantalla a la cámara de Three.js en explosiones o impactos fuertes. * **Disposición de la IU:** Todos los botones interactivos deben tener al menos 48x48px. Colocar el contador de puntuación en la parte superior-centro y la barra de Salud/Enfoque en la parte superior-izquierda, asegurando que no se superpongan con las zonas de control táctil.