Revolution Idle X - Casual Juego

Utiliza Three.js para generar un **juego centrado en móviles** con el tema "Revolution Idle X - Remake Móvil". 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**: Temática Sci-Fi / Espacial abstracta, centrada en colores neón de alto contraste sobre un fondo oscuro profundo. * **Geometría Central (Los Anillos de la Revolución)**: * Crea un conjunto central de anillos concéntricos (geometría de Toro o de Anillo). * Debe haber al menos 7 capas que representen un espectro de arcoíris (Rojo interior -> Naranja -> Amarillo -> Verde -> Azul -> Índigo -> Violeta/Blanco exterior). * **Shader/Material**: Utiliza `THREE.ShaderMaterial` o una geometría manipulable para permitir que cada anillo se "llene" radialmente (como un reloj o una barra de progreso) según su temporizador de ciclo actual. Deben brillar (propiedad emisiva). * **Fondo**: Un campo estelar dinámico usando `THREE.Points` que gire lentamente para dar una sensación de flotar en el espacio. Añade un sutil efecto de niebla de nebulosa (gradientes púrpura/azul). * **Rendimiento**: Usa geometría simple (poli bajo para los toros, p. ej., radialSegments: 30, tubularSegments: 8) para asegurar 60FPS en dispositivos móviles. * **Partículas**: Cuando un anillo complete una revolución, emite una pequeña ráfaga de partículas en el color correspondiente para simular "generación de energía." ### 2. Requisitos de Audio * **Banda Sonora (BGM)**: Una pista de Synthwave o Ambient Espacial Lo-Fi, relajante, hipnótica y sin fin. Debe ser no intrusiva para permitir sesiones de juego largas. * **Efectos de Sonido (SFX)**: * **Tic**: Un sonido de clic o tic muy suave a medida que el anillo principal se mueve. * **Ciclo Completado**: Un campanada o "ding" suave y agradable cuando un anillo termina una revolución (el tono escala según el color/nivel del anillo). * **Mejora**: Un "blip" de alta tecnología o un sonido de confirmación digital. * **Ascender/Reiniciar**: Un sonido de "whoosh" envolvente seguido de un impacto grave de bajo para significar un reinicio mundial. ### 3. Ciclo de Juego * **Mecánica Principal**: El anillo interior se llena automáticamente. Cuando completa un círculo (360 grados), genera "Puntuación" e incrementa un contador de revoluciones. * **Progresión**: * Los jugadores gastan "Puntuación" para comprar "Mejoras de Velocidad" para el anillo actual o "Desbloquear" el siguiente anillo exterior. * Los anillos exteriores requieren que los anillos interiores completen X revoluciones para avanzar un tick (dependencia tipo engranaje), O funcionan de forma independiente pero cuestan significativamente más desbloquearlos/acelerarlos. * **Sistema de Reinicio (Ascensión)**: * Una vez que el jugador alcanza una puntuación total específica o desbloquea el anillo final, puede "Ascender". * Esto reinicia todos los anillos y el dinero pero otorga "Gemas Arcoíris" (Multiplicador Global) que hacen que todos los anillos futuros se llenen x% más rápido. * **Números**: Usar notación científica (ej. 1.5e6) para números grandes, ya que crecerán exponencialmente. ### 4. Controles e Interacción Móvil * **Orientación**: **Modo Vertical (Portrait)**. Los círculos concéntricos deben estar centrados en la parte superior-media de la pantalla, dejando el 30% inferior para la interfaz de usuario (UI). * **Controles Táctiles**: * **Interacción Principal**: Tocar en cualquier lugar dentro del área del anillo debe avanzar manualmente el anillo de nivel más bajo (mecánica de clic activo) para ayudar en el juego temprano. Añadir un efecto visual de "ondulación" al tocar. * **Botones de UI**: Reemplazar los atajos de teclado de PC ('A' y 'B') con botones grandes, aptos para pulgares, superpuestos en HTML en la parte inferior de la pantalla: * **[Comprar Máx]**: Gasta automáticamente la puntuación para comprar la mejora disponible más barata. * **[Ascender]**: Un botón distintivo, posiblemente rojo o dorado, para el prestigio (con una ventana modal de confirmación). * **Retroalimentación Háptica**: Activar una ligera vibración (usando `navigator.vibrate`) cuando un anillo principal (niveles exteriores) complete una revolución o cuando se compre una mejora. * **Capacidad de Respuesta**: Asegurar que el lienzo se redimensione correctamente al cambiar la orientación, aunque la vista prevista es en modo vertical.