Arkanoid Neon Breakout: Retro Pulse 🕹️

Instrucciones de Juego

Objetivo: Destruye todos los ladrillos de colores haciendo rebotar la bola con tu plataforma. ¡No dejes que la bola caiga al vacío!

• En Ordenador: Mueve el ratón de izquierda a derecha para dirigir la plataforma. También puedes usar las flechas del teclado ($\leftarrow$ y $\rightarrow$).
• En Móvil/Tablet: Desliza el dedo por la pantalla para mover la plataforma.
• Vidas: Tienes 3 vidas. Cada vez que la bola toque el suelo, perderás una.
• Dificultad: ¡Cuidado! La bola aumenta su velocidad cada vez que golpea tu plataforma.

Prompt para Generar y Aprender (IA Prompt)

Este juego lo hemos creado usando en nuestras clases de programación asistida por IA, te compartimos el prompt estructurado. Está diseñado para que cualquier IA (como Gemini o ChatGPT) genere el código y explique la lógica:

«Actúa como un desarrollador de videojuegos senior y tutor de programación. Genera el código completo de un juego tipo Arkanoid en un solo archivo HTML (incluyendo CSS y JavaScript). El juego debe ser responsivo, funcionar en un DIV de WordPress y tener controles tanto para ratón como para pantallas táctiles.

Requisitos técnicos:

1. Usa canvas de HTML5.
2. Implementa un sistema de detección de colisiones para ladrillos, paredes y paleta.
3. La velocidad de la bola debe aumentar ligeramente con cada rebote en la paleta.
4. Usa getBoundingClientRect() para que los controles táctiles sean precisos.

¿Te interesa saber?:

• ¿Cómo funciona el bucle principal de animación (requestAnimationFrame)?
• ¿Cómo se calcula el rebote de la bola usando coordenadas $(x, y)$ y vectores $(dx, dy)$?»