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:


Related Posts:

  • Hacer un Juego con HTML5 / Canvas. Parte 2. Un vez que hemos dibujado los elementos del juego en la parte 1, vamos a proceder a colocar el código para permitir rotar el cuadrado al dar un click. Los ángulos de rotación serán 0, 90, 180, 270, 360, para lo cual vamos… Read More
  • 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 Impos… Read More
  • Hacer un Juego con HTML5 / Canvas. Parte 3. Realizado los dibujos del juego (Hacer un Juego con HTML5 / Canvas. Parte 1.), y el código para rotar el cuadrado con los triángulos de colores al hacer click (Hacer un Juego con HTML5 / Canvas. Parte 2.), vamos aumentar el… Read More

0 comentarios: