jueves, 20 de agosto de 2009

Html 5 El futuro de la web - Canvas

"HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión mayor del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes del mismo lenguaje: un «clásico» HTML (text/html), la variante conocida como HTML 5 y una variante XHTML conocida como XHTML 5. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo."
Fuente : Wikipedia
Especificación: http://dev.w3.org/html5/spec/Overview.html

Esta nueva versión del lenguaje html incluye el elemento canvas, el cual puede dar mucho de si. Permite generar gráficos 2D, juegos, animaciones y composición de imágenes...


Veamos algunos juegos que usan el elemento canvasque he encontrado por la red


Juego del tipo bubbledubble.

http://www.gamesforthebrain.com/game/oooze/












Un puzzle.

http:
//www.raymondhill.net/puzzle-rhill/jigsawpuzzle-rhill.php










El asteroid.



http://www.kevs3d.co.uk/dev/ast
eroids/











Del estilo doom.

http://www.benjoffe.com/code/demos/canvascape/textures







Y os dejo algunos enlaces que os recomiendo ver:

Efectos conviando imagen y audio:
http://9elements.com/io/projects/html5/canvas/

Algunos experimetos con canvas:
http://www.timelessname.com/canvas/

Bordes decorativos con canvas:
http://www.agustinfernandez.com.ar/proyectos/canvas/

Poliedros:
http://polyhedra.org/poly/show/29/hexagonal_antiprism

Un puñado de ejemplos:
https://developer.mozilla.org/Special:Tags?tag=Canvas_examples&language=en

El paint en canvas:
http://caimansys.com/painter/

Aquí va un tutorial bastante bueno, en el que explica paso a paso como crear un arcanoid usando canvas.

http://billmill.org/static/canvastutorial/index.html

Algunos articulos que he encontrado interesantes:

http://www.consumer.es/web/es/tecnologia/internet/2009/08/04/186920.php

Visto lo visto, podemos comprobar que la nueva versión de html, trae grandes mejoras que van a revolucionar el desarrollo de animaciones graficas integradas en la web.

Es canvas el final de flash?? El tiempo lo dira...

2 comentarios: