Introducción

Hola! En este proyecto vamos a crear un juego html5 utilizando la libreria de Phaser 3.

Antes de Empezar

Nuestro objetivo es alcanzar un demo parecido a estearrow-up-right que he publicado. Al final también lo exportaremos y lo subiremos a un servidor en netlify.

Para este proyecto necesitas entender los siguientes conceptos:

  • NodeJS

  • ECMAScript6

  • Programación Orientada a Objetos (POO)

  • Inglés básico

La idea del proyecto es realizar un prototipo de juego que tenga una arquitectura legible, utilizando programación orientada a objetos. A partir de esta base vas a poder agregar más elementos y funciones a tu gusto.

circle-info

Todo el tutorial esta en español, pero ten en cuenta que los comentarios del código y las variables estarán en inglés para mantener un estándar.

Descargando el repositorio

En la carpeta donde quieras guardar tu proyecto, abre la consola de comandos y clona el siguiente repositorio

$ git clone https://github.com/omniboyOK/phaser-space-invader-template
circle-info

Este repositorio es un clon del Phaser Project Templatearrow-up-right con cambios mínimos. Incluye los assets que utilizaremos en el proyecto.

Ahora entramos a la carpeta del proyecto e instalamos las dependencias de Node

$ cd phaser-space-invader-template
$ npm install

Hasta aquí deberíamos tener un proyecto sin errores, con el siguiente comando deberíamos tener el proyecto funcionando en el puerto http://localhost:8080

Última actualización