JUEGS EN HTML5

Invader Reborn: juego en Phaser

Después de estar un poco ausente estas semanas en gran medida porque estoy estudiando un poco de Armonía(Teoría Musical) para mejorar la composiciones de mis próximos juegos, un poco de Social Marketing,también tengo pendiente el curso javascript pero bueno espero que este tiempo hayan estudiado a Phaser y sin mas pasemos a lo que vinimos.

Artículo original de 2014 · revisado en 2026

Esta entrada forma parte del archivo histórico del blog. Se ha limpiado su HTML y conservado el contenido original; cuando utiliza APIs antiguas, se indica el contexto para no confundirlas con las versiones modernas.

Phaser clásico · código histórico

Ha llegado el momento de crear nuestro primer juego con la ayuda de Phaser y sus ejemplos y no podía iniciar de otra manera que con uno de mis juegos favoritos en mi infancia y aun en la actualidad sigo jugando todo tipo de versiones, el popular Space Invaders claro esto no es mas que un clon pero tiene la esencia de juego original, todo el que se inicie en programación de juegos debería crear al menos una versión de este juego y otros muy adictivos relativamente sencillos como:

Snake:

 Arkanoid:

Tetris:

Para mi son juegos que siempre soñé crear y ademas resultan muy útiles al momento de aprender.

Dividiré estos tutoriales en una pequeña serie para abordar cada parte del código y que todo quede bien explicado. Comenzare explicando la estructura del juego y como lo implementaremos en Phaser, básicamente el juego se compone de dos objetos importantes que son nuestro héroe y los enemigos.

Tenemos a nuestro héroe tiene tres características principales, su movimiento de izquierda a derecha y viceversa, puede disparar cuantas veces quiera ya que la munición es ilimitada ademas sirve para derrotar a las naves invasoras, cada vez que detruyamos una aumenta nuestro puntaje y si las destruimos a todas salvamos al planeta, pero lastimosamente nuestro héroe no es inmortal y solo posee tres vidas.

Por otro lado se encuentran los enemigos estos también poseen un movimiento igual que nuestra nave con la diferencia que este es autónomo ademas que cada vez que complete sus recorrido de lado a lado esto van a descender acercándose peligrosamente a nuestro planeta, como era de esperar tienen armas muy avanzadas y según los reportes también es ilimitada con un alto riesgo de restarle vida a nuestro héroe.

Todo lo que vamos a utilizar para hacer este juego en gran medida sera todo lo que he explicado en todo los tutoriales, claro también aparecerán algunos conceptos nuevos pero no son nada complejos, así que si asimilaste todo lo anterior no vas a tener ningún problema solo es cuestión de aplicar lo visto y listo, recuerda que puedes descarga todo los archivos y así estudiar el código.

Este sera el resultado del juego con muchas cosas por mejorar y adicionar:

Juego Invader Reborn

INSTRUCCIONES:

Presiona click para iniciar.

Presionas la teclas direccionales (izquierda y derecha) para mover la nave.

Presiona barra esparceadora para disparar.

Hasta la proxima!.

Contexto actual

El código de esta entrada pertenece a una versión antigua de Phaser. El concepto de la mecánica explicada sigue siendo útil, pero para un proyecto nuevo conviene consultar la API de la versión de Phaser que estés utilizando en lugar de copiar literalmente estas llamadas.

No hay comentarios:

Publicar un comentario

Buscar en el blog