Html5 + Javascript = Presente y Futuro

La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos o a otro tipo de objetos inanimados (figuras de plastilina, por ejemplo). Fuente: wikiepedia (http://es.wikipedia.org/wiki/Animación).


A continuación voy a mostrar un ejemplo muy simple de una animación en dos dimensiones usando el objeto Canvas de Html5.

Si quieres puedes crear tu propia historia editando las cajas de texto:

Marian (texto1) Billy, hemos tenido problemas con la banda de los Warriors. Tenemos que hacer algo!!!
Billy (texto1) Ésto no puede quedar así. Voy a avisar a la pandilla. Van a saber quiénes somos!
Billy (texto2) Linda, ¿a dónde vas?. Espera voy contigo, tenemos que actuar con rapidez
Marian (texto2) Chicos, tened mucho cuidado. Son muy peligrosos y van armados
Marian (texto3) Estoy asustada, la batalla está a punto de comenzar. Voy a por más refuerzos!!!

Este navegador no soporta CANVAS

Podemos ver un ejemplo de animación en tres dimensiones en la dirección http://www.benjoffe.com/code/demos/canvascape.
Se trata de un juego de aventuras en 3D (disparos en primera persona).

En el post anterior (html5 ¿el cambio que esperábamos?) planteaba la posibilidad de creación de juegos con html5.

Sin duda, html5 es una alternativa para juegos de navegador que presenta ventajas importantes:

• se trata de una herramienta estándar abierta y gratuíta al alcance de cualquier persona interesada en desarrollo web.
• no requiere de software adicional o instalación de complementos.
• es sopotado por los navegadores más actuales con independencia del sistema operativo lo que lo convierte en multiplataforma.

En contra, se está trabajando para mejorar el rendimiento debido al elevado consumo de memoria y cpu.

También os dejo un enlace que os va a sonar: Angry Birds.
Uno de los juegos más populares para dispositivos móviles, también está disponible en HTML5 para disfrutar desde el navegador.
http://chrome.angrybirds.com

Jose Maria Acuña Morgado - Desarrollador Web