Phaser: Programación de juegos en HTML5

HTML5: Programación de juegos en Phaser es un video tutorial en el que aprenderás a crear 3 juegos desde cero en HTML5 utilizando el popular framework Phaser. Una vez finalizado el curso podrá crear tus propios juegos en Phaser.

Durante muchos años Flash ha sido la plataforma líder para el desarrollo de juegos 2D para internet, como todos bien saben Flash dejará de tener soporte para los navegadores y ahí es donde entra en juego HTML5. Muchos de los sitios que cuentan con juegos Flash están cambiando sus contenidos por juegos en HTML5. Esto genera una gran oportunidad para los desarrolladores que sepan programar juegos en HTML5 y esta es una de las razones por las que he decidido realizar este curso donde podrás aprender a desarrollar juegos 2D en HTML5 utilizando el framework Phaser y desarrollando en Javascript.

Hace poco tiempo Facebook ha lanzado Instant Games, juegos que no necesitarán instalarse y se pueden jugar desde Facebook Messenger. Instant Games ha estado en beta cerrada por bastante tiempo pero ya se encuentra abierta para que cualquier desarrollador pueda publicar sus juegos. Los juegos para Facebook Messenger ofrecen una oportunidad única para los desarrolladores de HTML5 ya que es un mercado nuevo que aún no se encuentra saturado como las tiendas Google Play o el App Store, lo cual genera una gran oportunidad.. Está de más decir que los Instant Games son juegos desarrollados en HTML5 :)

Algo importante a tener en cuenta es que si bien Unity puede exportar juegos a HTML5 (WebGL), estos juegos alojados en un sitio solo pueden jugarse desde un ordenador, o sea que no funcionan si entras al sitio desde el navegador de un dispositivo móvil. Esto no sucede si desarrollas un juego utilizando Phaser, ya que podrías jugar el juego tanto desde un ordenador como desde un dispositivo móvil. Y esto es una gran ventaja, ya que muchas empresas buscan poder correr sus contenidos en navegadores desde dispositivos móviles.

Para tomar el curso es necesario tener requisitos básicos de programación, pero alcanza con ser principiante. En el curso estaremos programando en JavaScript pero si vienes de cualquier otro lenguaje de programación no tendrás inconvenientes en adaptarte al lenguaje JavaScript para desarrolar video games en HTML5.

El curso ha sido diagramado en forma secuencial y a modo tutorial, ya que en los primeros juegos incorporaremos los conceptos básicos para crear un juego e iremos incrementando el nivel de dificultad durante los siguientes juegos. Los juegos y las lecturas han sido pensadas para poder ir adquiriendo siempre nuevos conocimientos de Phaser, o sea que con cada juego iremos incorporando nuevos conceptos.

Vamos a aprender como cargar y agregar imágenes en la pantalla, posicionarlas, rotarlas, escalarlas y entender como utilizar el punto de referencia (anchor).
También veremos como utilizar textos, crear botones, animar nuestros sprites y controlarlos utilizando nuestro ratón y teclado.
Luego aprenderemos a utilizar tweening y eventos de tiempo, grupos y pool de objetos.
En nuestros juegos vamos a utilizar herencia (prototipos), aprenderemos como cargar archivos externos JSON para configurar nuestros propios niveles.
Por último vamos a ver como agregar sonidos y música a nuestros juegos.

Comenzaremos con conceptos básicos y terminaremos con conceptos intermedios/avanzados.

Estos son los juegos que estaremos desarrollando:

Juego 1 - El Leñador

Juego en el que controlamos a un leñador utilizando el teclado con el objetivo de cortar el árbol, nos iremos moviendo de lado a lado evitando ser alcanzado por las ramas.

Que aprenderemos:

• Cargar Imágenes
• Escalar, Invertir, posicionar y rotar Sprites
• Utilizar Botones
• Utilizar Grupos y Pool de Objetos
• Input de teclado
• Manejo de Textos y Sonidos

Juego 2 - Camino Ninja

Peligrosos ninjas irán apareciendo por la pantalla, nuestro objetivo será eliminarlos a todos haciendo click con el ratón sobre cada ninja, antes que desaparezcan.

Que aprenderemos:

• Tweens y Sprite Animados
• Input de ratón
• Prototipos: Herencia de la clase Sprite
• Estructura de Datos
• Bitmap Fonts
• Cargar archivos JSON

Juego 3 - Atrapando el Pingüino

Kum tendrá que sumar la mayor cantidad de puntos en un tiempo limitado. Para eso tendrá que disparar con su pistola de agua a Penguin, el pingüino volador.

Que aprenderemos:

• Cargar y utilizar Atlas
• Mover un Sprite por un path determinado
• Grabar datos de manera persistente
• Orientar Sprites en relación a las coordenadas de nuestro ratón
• Eventos de tiempo

Que dicen los estudiantes de este curso:

"Me gusta mucho, claro, preciso y divertido"

"Te enseña como crear un juego Basico y la correcta estructura y organización de la logica de un juego de principio a fin. Manejo de tweens, Prototipos, inputs, etc."

"Un curso muy bien explicado paso a paso, hasta ahora muy satisfecho de que todo marche como debe ser"

"Muy bien explicado y fácil de entender. Recomendado."

"Esta muy bien explicado :) y tiene los recursos necesarios y enlaces referentes."

Esto y mucho más te estará esperando en este curso.

Apúntate ahora!!! Y comienza a desarrollar tus propios juegos en Phaser a nivel profesional.