El Tesoro del Arrecife Cutlass - Acción Juego

Por favor, usa Three.js para generar un **juego con prioridad móvil** con el tema "Tesoro de Cutlass Reef". Primero, lee los siguientes requisitos detallados de diseño del juego y luego genera el código en consecuencia: ### 1. Activos y Entorno * **Estilo Visual:** Estilo de arte 3D estilizado "Low-Poly" o "Voxel" para que coincida con las etiquetas "Lindo" y "Acción" mientras se mantiene un alto rendimiento en dispositivos móviles. Utiliza colores brillantes y saturados. * **El Océano:** Un `PlaneGeometry` dinámico con un shader personalizado (ShaderMaterial) para simular olas de agua azul profunda, espuma y movimiento suave. La cámara debe ser una **Cámara Ortográfica** inclinada a un ángulo de 60 grados (vista isométrica) para imitar la perspectiva original 2D desde arriba pero con profundidad 3D. * **Entidades:** * **Barco del Jugador:** Un modelo de barco pirata distintivo con velas negras y un emblema de calavera. * **Barcos Enemigos:** Barcos de la "Flota del Rey" de diferentes tamaños (Sloops, Fragatas, Galeones) con velas blancas/azules. * **Proyectiles:** Esferas negras para balas de cañón con un renderizador de estela adjunto. * **Efectos:** * **Explosiones:** Sistemas de partículas (usando `THREE.Points`) que estallan en fragmentos amarillos y naranjas al impactar. * **Estela:** Partículas en estela o estelas de cinta detrás de los barcos para indicar la velocidad de movimiento. * **Texto Flotante:** En lugar de los recuadros negros en la captura de pantalla, usa texto 3D billboarded o superposiciones HTML para los números de daño y el oro obtenido. * **Optimización:** Utiliza `InstancedMesh` para partículas y flotas enemigas para reducir las llamadas de dibujo. Limita la resolución de texturas a 512x512 para la gestión de memoria móvil. ### 2. Requisitos de Audio * **BGM:** Una pista orquestal "Sea Shanty" en bucle, aventurera. De alta energía pero lo suficientemente repetitiva para el juego. * **Efectos de Sonido (SFX):** * **Cañones:** Sonido grave "trueno" para el disparo, con ligera variación en el tono para realismo. * **Impacto:** Sonido de astillado de madera / crujido al impactar en un barco. * **Salpicadura:** Sonido de salpicadura de agua cuando un cañonazo falla. * **Recolección:** Sonido metálico "ching" al recolectar oro/botín. * **Interfaz (UI):** Sonidos de clics de madera para interacciones con el menú. ### 3. Ciclo de Juego (Gameplay Loop) * **Mecánica Principal:** El jugador pilota un barco pirata en una arena abierta. El barco se mueve automáticamente hacia adelante lentamente, pero la velocidad aumenta con la entrada del jugador. * **Sistema de Combate:** * **Disparo de Banda:** A diferencia de los juegos de disparos estándar, los cañones están montados en los *costados*. El jugador debe maniobrar su barco en banda (paralelo) a los enemigos para impactarlos. * **Carga:** El botón de disparo se puede mantener presionado. Cuanto más tiempo se mantenga, más cañones disparan a la vez (dispersión) o mayor distancia recorren los proyectiles. * **Economía (Elemento de Simulación/Tycoon):** Los enemigos destruidos sueltan cofres de Oro. El jugador debe navegar sobre ellos para recolectarlos. * **Sistema de Mejoras:** Entre oleadas (o mediante un menú de pausa), los jugadores gastan Oro para mejorar: * **Casco:** Aumenta la Vida Máxima. * **Cañones:** Aumenta el daño o el número de balas de cañón por andanada. * **Velas:** Aumenta la velocidad de rotación y la velocidad de movimiento. * **Victoria/Derrota:** * **Victoria:** Derrotar a todos los barcos de la oleada actual. * **Derrota:** La vida del jugador llega a 0 (se requiere animación de hundimiento). ### 4. Controles Móviles e Interacción * **Orientación:** **Modo Horizontal** (Forzar el modo horizontal si es posible mediante advertencias CSS/JS). * **Esquema de Controles:** * **Zona Izquierda (Dirección):** Un Joystick Analógico Virtual (estilo Nipple.js o implementación personalizada). Empujar hacia Izquierda/Derecha gira el barco; empujar hacia Arriba aumenta la velocidad. * **Zona Derecha (Combate):** Un gran botón "Fuego" (mínimo 64x64px). * `touchstart`: Comienza a cargar los cañones (indicador visual que muestra el nivel de carga). * `touchend`: Libera la andanada. * **Diseño de la Interfaz (UI):** * **Superior Izquierdo:** Barra de Salud del Jugador (Verde/Roja) y Armadura. * **Superior Derecho:** Contador de Oro actual y Número de Oleada. * **Menú de Mejoras:** Una superposición modal con botones grandes fáciles de pulsar con los pulgares. * **Retroalimentación:** * **Háptica:** Activar `navigator.vibrate(50)` al disparar y `navigator.vibrate(200)` al recibir daño. * **Visual:** Efecto de sacudida de pantalla (temblor de la cámara) cuando el jugador es alcanzado por una bala de cañón.