Dino Zombie Survival: Cómo crear un juego responsivo con IA (HTML5 y JavaScript)

📝 Instrucciones de Uso

¡Sobrevive tanto como puedas en este mundo apocalíptico! Esquiva a los zombies y a los pájaros mutantes mientras recolectas objetos especiales.

Controles en PC 💻

• Tecla Espacio / Flecha Arriba: Saltar.
• Flecha Abajo: Agacharse (útil para esquivar pájaros altos).

Controles en Móvil y Tablet 📱

• Toca la parte Derecha de la pantalla: Saltar.
• Mantén presionada la parte Izquierda: Agacharse.

Objetos Especiales (Power-ups) ⚡

• Escudo (S – Azul): Te protege de un impacto.
• Cámara Lenta (T – Amarillo): Ralentiza el tiempo durante 5 segundos para facilitar las maniobras.

🤖 Prompt para Alumnos (Programación Asistida por IA)

Si quieres replicar este proyecto o mejorarlo usando ChatGPT, Claude o Gemini,parte de este Prompt estructurado:

«Actúa como un desarrollador de videojuegos experto en HTML5 Canvas y JavaScript. Necesito generar el código de un juego estilo ‘Endless Runner’ inspirado en el Dino de Chrome pero con temática de supervivencia zombie.

Requisitos técnicos:

1. Tecnologías: Un solo archivo HTML con CSS y JavaScript (sin librerías externas).
2. Personaje: Un dinosaurio que pueda saltar y agacharse.
3. Obstáculos: Zombies terrestres y pájaros que vuelan a diferentes alturas.
4. Mecánicas: Puntuación progresiva, aumento de velocidad con el tiempo y sistema de ‘High Score’ guardado en LocalStorage.
5. Power-ups: Incluye un ítem de ‘Escudo’ y otro de ‘Tiempo Lento’.
6. Responsividad: El juego debe ocupar el ancho de la pantalla y funcionar con controles de teclado (Espacio/Flechas) y controles táctiles dividiendo la pantalla en dos zonas (Salto y Agacharse).
7. Estética: Minimalista, con un efecto de ‘sacudida de pantalla’ (screen shake) al perder y partículas de polvo al correr.»