Gem 11 - Juego de Rompecabezas de Fusión - Puzles Juego

Por favor, usa Three.js para generar un **juego con enfoque móvil** con la temática "**Gema 11 - Fusión de Cristal Cósmico**". Lee primero los siguientes requisitos detallados de diseño del juego y luego genera el código en consecuencia: ### 1. Activos y Entorno * **Estilo Visual**: Cristales 3D semirrealistas y de alto brillo, sobre un fondo limpio y minimalista. El estilo debe sentirse premium y táctil, como vidrio o gemas pulidas. * **Modelos de Cristal**: Crea mallas de baja complejidad geométrica generadas proceduralmente que parezcan gemas en bruto o talladas. * **Niveles**: Define 11 niveles (tiers) distintos de gemas. * Nivel 1-3: Piedras oscuras y rugosas (obsidiana, gris oscuro, pizarra). * Nivel 4-7: Colores vibrantes y saturados (topacio azul, amatista, esmeralda). * Nivel 8-11: Gemas brillantes, radiantes y multifacéticas (rubí, diamante, texturas prismáticas cambiantes). * **Materiales**: Usa `MeshPhysicalMaterial` con alta transmisión, capa brillante (clearcoat) y rugosidad casi en cero para simular la refracción del vidrio/gema. * **Tablero de Rejilla**: Una rejilla hexagonal o cuadrada limpia de 6x6 (dependiendo de la mecánica típica de fusión hexagonal, optemos por una disposición circular/hexagonal para darle un toque visual llamativo) que flota en un espacio vacío. Los espacios del tablero deben ser áreas sutilmente hundidas. * **Iluminación**: Usa una configuración de iluminación de estudio dramática. Una luz de contorno fuerte para resaltar los bordes de las gemas, más una luz ambiental suave. * **Partículas**: Cuando las gemas se fusionen, activa una explosión de pequeñas astillas brillantes y un sutil efecto de distorsión como onda de choque. * **Optimización**: Usa `InstancedMesh` para renderizar las gemas y mantener baja la cantidad de llamadas de dibujo en dispositivos móviles. ### 2. Requisitos de Audio * **Banda Sonora (BGM)**: Una pista electrónica relajante, ambiental, "zen". Piensa en sintetizadores suaves, tempo lento y una sensación de misterio cósmico. No debe ser intrusiva, para ayudar a la concentración. * **SFX**: * **Colocación**: Un sonido "clac" sólido, como una piedra golpeando una tabla de madera. * **Fusión**: Un sonido cristalino y satisfactorio de campanilleo o "tin". El tono debe elevarse a medida que aumenta el nivel de la gema (el Nivel 1 es tono bajo, el Nivel 11 es tono alto). * **Combo**: Un floreo de arpegio ascendente si ocurren múltiples fusiones en secuencia. * **Fin del Juego**: Un sonido de zumbido grave y resonante. ### 3. Ciclo de Juego * **Mecánica Central**: Este es un rompecabezas de lógica por fusión similar a "2048" pero con un giro espacial. * El tablero comienza con gemas de bajo nivel aleatorias. * **Entrada**: El jugador toca un lugar vacío en la cuadrícula para colocar una gema nueva (previsualizada en una UI de "Siguiente Pieza"). * **Fusión**: Si la gema colocada es adyacente (vertical u horizontalmente) a una o más gemas del *mismo tipo*, estas se fusionan en el lugar colocado, mejorando al siguiente nivel (por ejemplo, dos de Nivel 1 se convierten en una de Nivel 2). * **Reacción en Cadena**: Si la gema recién formada ahora es adyacente a otras gemas de su nuevo nivel, estas también se fusionan automáticamente. * **Objetivo**: Colocar y fusionar gemas estratégicamente para alcanzar la escurridiza "Gema 11". * **Fin del Juego**: El juego termina cuando la cuadrícula está llena y no hay movimientos posibles. * **Puntuación**: La puntuación se calcula en base al nivel de las gemas fusionadas. Las fusiones de alto nivel otorgan puntos exponenciales. ### 4. Controles Móviles e Interacción * **Orientación**: El modo vertical (en retrato) es obligatorio para el juego con una sola mano. * **Controles**: * **Tocar para Colocar**: La interacción principal es un simple toque en cualquier celda vacía de la cuadrícula. * **UI de Previsualización**: Muestra la "Siguiente Gema" claramente sobre el tablero para que el jugador pueda planificar. * **Mantener para Previsualizar**: (Opcional) Tocar y mantener una celda muestra un contorno fantasma de donde caerá la gema y resalta las posibles candidatas a fusión. * **Retroalimentación Háptica**: Activar una vibración ligera (Taptic Engine) en cada fusión exitosa. Una vibración más fuerte para fusiones de alto nivel (Nivel 8+). * **Diseño de la UI**: * Parte superior: Puntuación actual (fuente grande), Puntuación máxima (fuente más pequeña) e indicador de "Próxima Gema". * Centro: El Tablero de Juego 3D (asegurarse de que no se recorte en los bordes en diferentes relaciones de aspecto). * Parte inferior: Botón de "Reiniciar" e icono de "Ajustes", colocados lejos de la cuadrícula de juego activa para evitar clics accidentales. Los botones deben ser de al menos 48x48px para áreas táctiles.