Curso de desarrollo de videojuegos básicos con Phaser

Este curso de Phaser para el desarrollo de videojuegos básicos está dirigido a personas que quieran iniciarse en el mundo del desarrollo de videojuegos HTML5, aprendiendo, además, de una forma práctica, divertida y creativa, el lenguaje de programación TypeScript.

Para realizar este curso comprendiendo todo lo que se explica en su desarrollo, es recomendable tener conocimientos en programación, JavaScript, Node.js, npm y Programación Orientada a Objetos, todo ello en un nivel básico, no es necesario ser experto para realizar esta formación online.

Si necesitas aprender o refrescar los conceptos básicos de algunas de las citadas, en nuestra plataforma encontrarás el curso de JavaScript para principiantes, curso de NodeJS y el curso de NPM y YARN, que te ayudarán a ponerte al día para comenzar con este curso de Phaser.

Comenzando el curso, y antes de entrar en la parte teórica y práctica, encontrarás una introducción en la que, además de conocer al tutor y su experiencia en esta materia, conocerás de forma inicial un poco más sobre el desarrollo de videojuegos, además qué es Phaser y sus características, así como los motivos por los que elegir TypeScript como lenguaje para desarrollar nuestros videojuegos.

Acabada esta introducción, pasamos al primer bloque del curso, en el que se va a preparar el entorno de desarrollo necesario para poder seguir las explicaciones e ir desarrollando el videojuego que el tutor irá creando a lo largo del curso. Este entorno requiere de la instalación de NodeJS, GitBash y Visual Studio Code, y después realizaremos el típico “Hola mundo” en TypeScript, para comenzar a familiarizarnos con este lenguaje.

En el siguiente segmento del curso de desarrollo de videojuegos con Phaser comenzarás ya a desarrollar tu primer juego con este framework. En el mismo se va a realizar la configuración del videojuego, comenzando por crear la plantilla inicial, sobre la que se construirá todo nuestro juego. A continuación, aprenderás a comprender la estructura del código de Phaser, y cómo importar y exportar módulos.

Una vez que tenemos la primera parte del desarrollo listo, pasamos al siguiente bloque del curso, en el que el profesor te va a enseñar a realizar la creación de escenas. En las diferentes lecciones que componen este apartado, aprenderás a crear la escena de carga de assets, la escena menú y el flujo entre las diferentes escenas, además de la escena del HUD para el intercambio de datos entre escenas y eventos de escenas.

Para concluir este segmento, el tutor va a proponer un reto práctico, en el cual debes aplicar todo lo aprendido previamente para resolverlo. En caso de querer comprobar si lo has resuelto correctamente o necesites una ayuda para conseguir finalizar el reto, podrás ver cómo lo resuelve el profesor.

El siguiente paso a realizar en el desarrollo de nuestro videojuego será el de añadir personajes al mismo, lo que aprenderás a hace a lo largo del bloque siguiente. Aquí verás cómo centralizar identificadores, cómo utilizar assets externos y dónde localizarlos, además de cómo utilizar la herramienta Tiled para crear TileMaps y cargarlos después en Phaser. Dentro del mismo bloque también aprenderás a crear fondos en movimiento y cómo utilizar fuentes en formato Bitmap dentro de nuestro videojuego.

Y para finalizar el curso pasamos a ver la creación de niveles en el juego creado con Phaser, aprendiendo para comenzar a crear y utilizar lo que se denomina atlas de imágenes. Después veremos cómo realizar animaciones, añadir físicas y colisiones, además del control de movimiento, para acabar generando la clase de gestión o control del jugador y determinando la posición inicial del jugador y la del objeto final, que será el que haga finalizar el juego.

Una vez concluido este curso de desarrollo de videojuegos con Phaser y TypeScript, ya tendrás una buena base para realizar juegos básicos, lo que te permitirá, además, adentrarte en el desarrollo de otros más complejos realizando posteriormente al curso de desarrollo de videojuegos avanzados con Phaser y TypeScript, y después el taller para convertir juegos HTML5 desarrollados con Phaser a su versión móvil.