CANVAS

Tutorial: como programar un juego tipo "breakout" en HTML5



(haz click para jugar)

Completo tutorial en inglés donde te explica paso a paso como crear un juego tipo Breakout (ladrillos), aquí tienes el enlace del juego final para probarlo. Es bastante sencillo pero es interesante para estudiarlo y aprender un poco más sobre la creación de programas en HTML5.

Parte 1: Introducción a Canvas.

Parte 2: Animación y entrada del teclado.

Parte 3: Colisiones, puntuación y sonido.

Autor, Aditya Ravi Shankar.

Programación de juegos en Javascript usando el elemento Canvas



Parece que el elemento canvas, introducido en el nuevo HTML5, está dando mucho que hablar por la potencia que puede añadir al desarrollo de páginas web.

Y cuando mezclas este elemento con un lenguaje tan potente como es javascript, sólo la imaginación puede ponerte barreras a la hora de ser creativos. Y si no me crees echa un vistazo a esta página.

Si lo que te gustan son los juegos y no sólo jugar, sino también crearlos, experimentar, etc. Aquí tienes un tutorial compuesto por las siguientes secciones:

Cliente VNC escrito en HTML5



noVNC es un cliente de VNC usando las nuevas características que nos ofrece la última versión de HTML. Especialmente aprovechando el Canvas y los WebSockets.

Sólo hay un pequeño problema y hasta que no aparezca algún servidor de VNC que soporte conexión vía WebSockets, será necesario el uso de un proxy de WebSockets a TCP Sockets. La buena noticia es que este proyecto incluye un proxy de este tipo llamado “wsproxy”.