domingo, 24 de julio de 2016

Hacer un Juego con HTML5 / Canvas. Parte 1.


Voy a realizar un serie de post de crear un juego en html5, javascript, canvas. Según como avancen en los post, voy aumentando características hasta tener un juego final.

El juego que voy a realizar es un clon de Impossible Rush.

Parte. 1.

La primera parte consisten en crear las geometrías necesarias para el juego con instrucciones javascript en un elemento Canvas.

Se crea un circulo, y un cuadrado formado por 4 triángulos de 4 colores diferentes. Ver a continuación el código html, javascript y el resultado:


See the Pen Juego - Canvas. Parte 1. by Juan Carlos Saavedra (@jcsuscriptor) on CodePen.


Para aprender mas sobre canvas, pueden revisar el siguiente Tutorial Canvas

En la segunda parte, vamos a colocar la lógica para rotar el cuadrado al momento de dar un click.

Hacer un Juego con HTML5 / Canvas. Parte 2.

0 comentarios: