Estrategia de Defensa - Estrategia Juego

Utiliza Three.js para generar un **juego optimizado para móviles** con la temática "Defensa Estratégica". 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**: Vista 2.5D isométrica o cenital usando una Cámara Ortográfica para imitar la estética clásica de juegos Flash vista en la captura de pantalla. Utiliza un estilo caricaturesco, de bajo poligonaje con colores brillantes y saturados. * **Terreno**: Un mapa de cuadrícula de baldosas verdes que representen hierba (`#2d8a18`). Incluye elementos decorativos como árboles de bajo poligonaje en verde más oscuro y rocas grises dispersas fuera del camino principal para romper la monotonía visual. * **Torretas**: Recrea el diseño específico de torreta de la referencia: * Base: Un pedestal metálico cuadrado azul. * Torre: Una cúpula/esfera verde en la parte superior. * Cañones: Cuatro barriles cilíndricos grises que sobresalen de la cúpula. * **Enemigos**: Dado que no son visibles en la captura de pantalla pero la etiqueta es "Sangriento", crea Unidades Enemigas Rojas distintas (por ejemplo, Cápsulas o formas simples de Soldado). * **Efectos Visuales (La Etiqueta "Sangriento")**: Implementa un sistema de partículas ligero. Cuando los enemigos sean destruidos, deben explotar en una ráfaga de partículas cúbicas rojas ("salpicaduras de sangre") que permanezcan brevemente en el suelo antes de desvanecerse, satisfaciendo la etiqueta de contenido "Sangriento" mientras se mantiene el rendimiento en móviles. * **Rendimiento**: Utiliza `InstancedMesh` para baldosas de terreno o partículas repetidas. Limita las luces dinámicas; usa iluminación ambiental de estilo *baked* con una única Luz Direccional para sombras. ### 2. Requisitos de Audio * **BGM**: Una pista electrónica militar con ritmo de marcha que haga *loop* sin interrupciones para mantener la tensión. * **Efectos de Sonido (SFX)**: * **Disparo de Torreta**: Un sonido mecánico y contundente de "golpe" o láser. ### 1. Diseño y Estética del Juego * **Tema/Contexto**: Un juego de defensa de torres simple y colorido, con un estilo de dibujo a mano minimalista. El mundo es un campo verde brillante con un castillo de juguete en un extremo. La ruta de los enemigos está marcada por un camino de tierra. * **Torre de Defensa**: El único tipo de torre es una **"Torre Cúpula Verde"**: una cúpula de cristal verde simple sobre una base cuadrada de madera. Dispara destellos de energía sutil. * **Enemigos**: **"Bloques Malignos"**: cubos de píxeles monocromáticos con caras de dibujos animados de mal humor. Un color diferente denota cada nivel de dureza. * **Paleta de Colores**: Colores brillantes y alegres de juego de mesa. ### 2. Sistema de Sonido * **Efectos de Sonido Sintetizados**: * **Impacto/Muerte**: Un sonido de impacto blando y húmedo sincronizado con la explosión de partículas rojas. * **Construcción**: Un "clanc" metálico al colocar una torre. * **UI**: Clics nítidos para interacciones con el menú. * *(Nota: Usar síntesis de sonido simple basada en osciladores en el código o marcadores de posición si no se pueden cargar recursos externos).* ### 3. Ciclo de Juego * **Mecánica Principal**: Defensa de torres clásica. Los enemigos aparecen desde un punto de "Inicio" y se mueven a lo largo de un camino predefinido de waypoints hacia un "Castillo/Base". * **Economía**: El jugador comienza con dinero fijo. Matar enemigos otorga dinero. * **Construcción**: Los jugadores gastan dinero para colocar las "Torres Cúpula Verde" en casillas de césped vacías. Las torres apuntan y disparan automáticamente al enemigo más cercano dentro de su rango. * **Victoria/Derrota**: * **Derrota**: Si un enemigo llega al final del camino, los HP del Castillo disminuyen. Fin del juego si los HP llegan a 0. * **Victoria**: Sobrevivir a todas las oleadas definidas de enemigos. * **Profundidad Estratégica**: Las torres deben tener un tiempo de recarga y un visualizador de rango específico (un círculo transparente) cuando se seleccionan. ### 4. Controles e Interacción Móvil * **Orientación**: Forzar **Modo Horizontal** para una vista óptima del camino defensivo. * **Interacción Táctil**: * **Tocar Cuadrícula**: Seleccionar una casilla. Si está vacía y el jugador tiene dinero -> Abrir mini-menú para "Construir". Si existe una torre -> Mostrar rango/información de Mejora. * **Raycasting**: Asegurar que el Raycaster use eventos `touchstart` para una respuesta inmediata, no `click`. * **Diseño de la Interfaz de Usuario (UI)**: * Botones grandes y amigables para los pulgares (área de contacto mínima de 44 píxeles) ubicados en las esquinas inferiores para "Construir" o "Iniciar Oleada". * HUD superior que muestre: Vidas (Icono de Corazón), Dinero (Icono de $) y Contador de Oleadas. * **Retroalimentación**: * **Visual**: Resaltar la casilla de la cuadrícula seleccionada con un borde brillante. * **Háptico**: Activa `window.navigator.vibrate(50)` cuando se coloque una torre o un enemigo se filtre por las defensas (si el dispositivo lo admite).