Etiqueta: html5

Rome – 3 Dreams of Black

«3 Dreams of Black» es una película interactiva de Chris Milk y algunos amigos de Google que muestra el potencial creativo de WebGL. WebGL es un contexto del elemento cambas en HTML5 que permite usar gráficos en 3D acelerados por hardware en un navegador web sin necesidad de ningún plugin. En otras palabras permite a tu navegador mostrar bonitos efectos visuales. En este enlace puedes ver un visor de modelos 3D en WebGL de las criaturas utilizadas en «3 Dreams of Black». Tambien podeis ver 8 demos creadas por el equipo de desarrollo de «3 Dreams of Black» y enlaces al codigo de los experimentos y algunos recursos utiles para empezar a programar con WebGL.

Por cierto que el experimento es el videoclip para el album de Danger Mouse y Daniele Luppi’s ROME, con colaboraciones de Jack White y Norah Jones.

Conductor

En mta.me, Conductor transforma el sistema de Metro de Nueva York en un instrumento de cuerda interactivo. Usando el horario actual del MTA, la pieza comienza dibujando en tiempo real los trenes que han salido en el ultimo minuto, después continua acelerando durante un ciclo de 24 horas. Los trazados están basados en el diagrama de 1972 de Massimo Vignelli.

La pieza sigue una serie de reglas. Cada minuto comprueba si hay nuevos trenes saliendo de las estaciones finales. El tren se mueve hasta el final de la linea con una velocidad calculada por la duración media del viaje en ese horario. Algunas decisiones tomadas tienen un propósito musical, estético y técnico, como desvanecer las rutas con el paso del tiempo y limitar el numero simultaneo de trenes mostrados.

mta.me esta realizado en HTML5/Javascript. Toma los datos usando el API publico del MTA, que proporciona esquemas detallados de los horarios de salida y llegada de los trenes. El diseño fue creado en Illustrator y exportado usando SVG a un objeto Canvas de HTML5.

HTML5 vs FLASH

Tras la polémica levantada por Apple al no permitir la ejecución de contenido Flash en sus dispositivos, iPad o iPhone, presentaron hace unos días varios ejemplos sobre las posibilidades que ofrecerá la próxima versión del estándar HTML5 y que ya esta siendo implementada en los diferentes navegadores, principalmente Safari y Chrome. Las demos de Apple solo funcionan en su navegador, aunque se puede intentar ver en otros modificando el «User Agent«.

Por otro lado tenemos las demos presentadas por Google principalmente para mostrar el soporte de las nuevas propiedades HTML5 de su navegador e intentar que aumente el uso del «plug-in» Google Chrome Frame para Internet Explorer.

Personalmente creo que Adobe, añadirá la opción de exportar como html5 en Flash lo antes posible para evitar que todo el contenido creado por sus clientes no se visualice en estas plataformas.