Fascinantes experimentos en JavaScript y HTML5 para hacer en tu navegador

Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusión de experimentos con tecnologías de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien reciéncelebró la llegada del experimento número 100. Por supuesto, JavaScript y HTML5, son las tecnologías más relevantes usadas en el sitio para poner a prueba tu(s) navegador(es). Bueno, pues aquí presento una pequeña selección de 10 experimentos que consideré interesantes, creativos y divertidos. Por cierto, muchos de ellos funcionan mejor con Chrome y Opera; ya hemos hablado un poco de esto.

Da clic en los títulos para lanzar el experimento.

 Google Gravity

• Descripción: Mira cómo todos los elementos de la legendaria página principal de Google comienzan a caer y rebotar hasta el fondo de tu pantalla, acelerados por una fuerza (virtual) gravitacional.

• Tecnologías utilizadas: JavaScript (box2d-js)

 Destructive Video

• Descripción: Reproduce Big Buck Bunny con HTML5 y luego despedaza a clicazos el vídeo. Verás con agrado cómo éste vuelve a la normalidad.

• Tecnologías utilizadas: JavaScript y HTML5 (elementos video y canvas; en especial, la llamada a la función Canvas.drawImage())

 Liquid Particles

• Descripción: La interfaz es tu mouse. Da clic y mueve el cursor; las partículas reaccionarán en un ciclo de atracción-repulsión. Es sencillamente fascinante.

• Tecnologías utilizadas: JavaScript y HTML5 (canvas)