AEROSTATIC FLEARE by WIND_234

📖 Instrucciones de Juego

Objetivo: Pilota tu globo aerostático a través de un cielo cada vez más peligroso. Sobrevive el mayor tiempo posible, recoge burbujas para subir de nivel y derrota al legendario Rey Tormenta.

Controles:

• En Ordenador: Mueve el ratón hacia arriba y hacia abajo para dirigir el globo.
• En Móvil/Tablet: Arrastra tu dedo por la pantalla para subir o bajar.
• Disparo: Tu globo disparará ráfagas de energía automáticamente cuando aparezca un Jefe.

Elementos del juego:

• 🫧 Burbujas: Recógelas para ganar puntos y subir de nivel.
• ☁️ Nubes Grises/Tormentas: ¡Evítalas! Chocar contra ellas destruirá tu globo.
• 🌟 Power-ups:
  • Imán (Azul): Atrae todas las burbujas cercanas hacia ti.
  • Arcoíris (Multicolor): Te hace invulnerable y destruye los obstáculos por un tiempo limitado.
• 👑 El Rey Tormenta: Un jefe poderoso que aparece cada 5 niveles. Esquiva sus rayos y deja que tu globo lo debilite.

🤖 Prompt de Programación Asistida por IA

Os compartimos el prompt inicial del autor WIND_234: ”quiero un juego que sea un globo aerostático que tenga que esquivar nubes de lluvia que queden inmóviles y nubes de tormenta que se mueva de lado a lado. quiero que haya monedas con forma de burbuja y que cuando las cojas suene un sonido. quiero nubes multicolor que brillen y te den inmunidad a todas las nubes y te vuelvan multicolor y brillante. quiero unos imanes con forma de estrella azul que atraigan las burbujas/monedas. quiero que cuando cojas el imán te de unas ondas de atracción.  cuando cojas los objetos especiales (la nube multicolor y el imán) te vuelvan; brillante, de color (multicolor para la nube multicolor y azul para el imán) y que produzcan sonido y una sensación de torbellino. quiero que cada vez vaya más rápido y sea más difícil. quiero que haya una música alegre y repetitiva mientras juegas y que vaya al ritmo del juego.  quiero una pantalla de inicio con un botón de jugar y una nube con el récord. quiero un botón para quitar el sonido de la aplicación.”

Prompt posterior: «Actúa como un desarrollador senior de videojuegos y profesor de programación. Quiero crear un juego de supervivencia infinita en HTML5, CSS y JavaScript (usando Canvas API) llamado ‘Aerostatic Fleare’.

Necesito que el código cumpla con los siguientes requisitos técnicos y mecánicos:

1. Jugador: Un globo aerostático que sigue la posición vertical (Y) del ratón o del dedo del usuario (touch events) con un movimiento suave (interpolación).
2. Sistema de Entidades: Crea una clase para obstáculos (nubes de lluvia y tormenta) y coleccionables (burbujas de puntos). Deben aparecer por la derecha y moverse hacia la izquierda.
3. Progresión: Implementa un sistema de niveles donde la velocidad del juego aumente cada 20 burbujas recogidas.
4. Power-ups: Incluye una estrella magnética (atrae burbujas) y un modo arcoíris (invencibilidad).
5. Jefe (Boss Battle): Cada 5 niveles, debe aparecer un ‘Rey Tormenta’ con una barra de vida. El jugador debe disparar automáticamente proyectiles para derrotarlo mientras esquiva sus ataques.
6. Audio Dinámico: Usa la Web Audio API para generar sonidos (sin archivos externos) para recoger puntos, subir de nivel y disparar.
7. Interfaz (UI): Una capa superior que muestre la puntuación, el nivel y una pantalla de inicio con el récord guardado en LocalStorage.
8. Adaptabilidad: El juego debe ser responsive (pantalla completa) y funcionar perfectamente en móviles evitando el scroll del navegador.

Por favor, genera el código en un único archivo HTML e incluye comentarios explicativos en las secciones clave (Loop principal, detección de colisiones y manejo de estados) para que pueda entender cómo funciona la lógica.»