Tutoriales

Esta página contiene una serie de tutoriales donde se destacan diferentes flujos de trabajo para crear de forma eficaz diferentes tipos de juegos web.

Famoso juego 2D usando JavaScript puro

En este tutorial paso a paso implementarás un clon simple del juego breakout utilizando JavaScript puro. Por el camino aprenderás los conceptos básicos en el uso del elemento <canvas> para implementar mecánicas de juego fundamentales como la renderización y el movimiento de imágenes, la detección de colisiones, los mecanismos de control y los estados de victoria y derrota.

Juego breakout en 2D usando Phaser

En este tutorial paso a paso implementarás el mismo clon de breakout que en la serie de tutoriales anterior, excepto que esta vez lo harás usando el framework para juegos HTML phaser. La idea aquí es enseñar algunos de los fundamentos y ventajas de trabajar con frameworks, junto con la mecánica fundamental del juego.

Introducción al Desarrollo de Juegos en HTML5 con Phaser y la API de Orientación a Dispositivos

Este tutorial muestra cómo crear un juego de laberinto en 2D utilizando HTML, incorporando fundamentos como la detección de colisiones y la colocación de sprites en un <canvas>. Este es un juego para dispositivos móviles que utiliza la orientación del dispositivo y la API vibración para mejorar el modo de juego. Además, está construido utilizando el framework Phaser

Juego de plataformas 2D con Phaser

Esta serie de tutoriales muestra como crear un juego de plataformas simple utilizando Phaser, cubriendo aspectos fundamentales como sprites, colisiones, físicas, coleccionables y mucho más.