Blob Wars - Juego de Estrategia por Turnos - Estrategia Juego

Por favor, usa Three.js para generar un **juego diseñado principalmente para móviles** con el tema "**Blob Wars: Tácticas de Gelatina**". 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**: "3D Isométrico Cute". La escena debe usar colores brillantes y saturados (paleta de caramelo/dibujos animados). * **Los Blobs**: * Usa `SphereGeometry` o una esfera ligeramente aplanada. * Material: `MeshPhysicalMaterial` con algo de transmisión/rugosidad para parecerse a la **gelatina de goma** o al plástico suave. * **Característica Clave**: Cada blob debe tener dos ojos grandes y cómicos (esferas blancas con pupilas negras) que miren a la cámara o al oponente. * **Animación**: Implementa una animación de inactividad simple de "aplastar y estirar" usando `Math.sin()` en la escala del mesh para que parezcan vivos/respiren. * **El Tablero**: * Una cuadrícula isométrica de 6x6 u 8x8 (estilo plataformas flotantes). * Colores de las Casillas: Patrón de ajedrez (por ejemplo, Verde Claro y Verde Oscuro para coincidir con la sensación de hierba de la captura de pantalla, o casillas de plástico estilizadas). * Fondo: Un simple skybox con degradado (de Azul a Cian) o un paisaje de baja poli definición borroso. * **Rendimiento**: Usa geometrías simples. Evita sombras complejas; usa una luz direccional y luz ambiental. Reutiliza geometrías donde sea posible. ### 2. Requisitos de Audio * **BGM**: Una pística caprichosa, "astuta" pero dulce, que use cuerdas pizzicato, cajas chinas y una tuba. (Piensa en música de "escondite"). * **Efectos de Sonido**: * **Selección**: Un "¡Pop!" o "¡Bloop!" agudo. * **Movimiento (Clon)**: Un sonido de estrujón húmedo. * **Salto**: Un sonido de resorte de dibujos animados "¡Boing!". * **Infección (Convertir Enemigos)**: Un sonido rápido de "Ca-ca-ca-cambio" o un brillo mágico mientras cambian de color. * **Victoria/Derrota**: Una fanfarria o un trombón triste. ### 3. Bucle de Juego (Mecánicas de "Ataxx") * **Tipo de Juego**: Estrategia por Turnos (Jugador Rojo vs. CPU Azul). * **Lógica de Movimiento**: * **Seleccionar**: Toca una burbuja para seleccionarla. Resalta los movimientos válidos en la cuadrícula. * **Rango 1 (Adyacente)**: Si el jugador se mueve a una casilla adyacente, **CLONA** la burbuja (la original se queda, aparece una nueva). * **Rango 2 (Salto)**: Si el jugador se mueve a dos casillas de distancia, **SALTA** la burbuja (la original desaparece, la burbuja se mueve al nuevo lugar). * **Lógica de Combate (Infección)**: * Al aterrizar, verifica todas las casillas adyacentes (las 8 direcciones). * Cualquier burbuja enemiga adyacente al lugar de aterrizaje se **convierte** al color del jugador inmediatamente. * **Condición de Victoria**: El juego termina cuando el tablero está lleno o un jugador no tiene burbujas restantes. El ganador es el lado con el recuento más alto de burbujas. ### 4. Controles e Interacción para Móvil * **Cámara**: Vista Isométrica Fija (se prefiere OrthographicCamera para este estilo). Asegúrate de que el tablero quepa dentro del ancho de una pantalla móvil en vertical. * **Entrada**: * **Raycasting**: Implementa lógica precisa de Raycaster para `touchstart` (móvil) y `click` (escritorio). * **Retroalimentación Visual**: * Cuando se selecciona una burbuja, debe saltar hacia arriba y hacia abajo emocionadamente. * Las casillas de movimiento válidas deben resaltarse (p.ej., brillar en amarillo). * **Interfaz de Usuario**: Muestra un "Puntaje Rojo" y un "Puntaje Azul" en la parte superior de la pantalla (fuente grande, legible en móvil). * Incluye un botón de "Reiniciar" en una zona segura de la interfaz (esquina inferior o superior). * **Optimización para Toques**: Asegúrate de que las áreas de interacción de las casillas sean lo suficientemente generosas para los dedos. Evita el desplazamiento/zoom de la página web para mantener el lienzo estable. Traduce el siguiente mensaje para generar un juego al español. Devuelve solo el texto traducido. Preserva el formato de markdown, tokens de código, números, saltos de línea y etiquetas/atributos HTML exactamente donde estén presentes. Traduce el texto para el usuario de manera natural. No pidas aclaraciones. No solicites confirmación. Ejecuta directamente la tarea de generación basándote en las instrucciones dadas.