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én celebró 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.
1. 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)

2. 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
videoycanvas; en especial, la llamada a la funciónCanvas.drawImage())

3. Canopy
Descripción: Es un navegador de fractales. Cada clic te hace ir más rápido. Sigue con atención las instrucciones. Se difruta más si seleccionas “mutate” y “bloom” mientras mantienes presionado el botón izquierdo del mouse.
Tecnologías utilizadas: JavaScript (JQuery) y HTML5 (
canvas)

4. Smalltalk
Descripción: Una herramienta que recoge estatus de Twitter —-el pequeño gran diálogo—- para conformar un mapa del clima y su efecto en nuestras vidas. Una herramienta Social Weather.
Tecnologías utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (
canvas)

5. Social Collider
Descripción: Revela conexiones cruzadas entre conversaciones (¿memes?) en Twitter, de forma temporal y lateral a través de muchos contextos. En el ejemplo muestro las conversaciones relacionadas con el oráculo mundial en turno: el Pulpo Paul.
Tecnologías utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (
canvas)

6. Ball Pool
Descripción: 1) Arrastra objetos, 2) Da clic en el fondo y 3) Agita tu navegador (éste es más espectacular). Da doble clic para iniciar un juego nuevo.
Tecnologías utilizadas: JavaScript (box2d-js) y HTML5 (
canvas)

7. Browser Pong
Descripción: Es probable que Pong sea uno de los videojuegos más básicos y antiguos. Con Browser Pong no jugarás dentro del navegador, sino con él.
Tecnologías utilizadas: JavaScript (JQuery) y HTML5 (audio)

8. Harmony
Descripción: Una herramienta de dibujo mínima. Once pinceles poco convencionales y un lienzo. Sólo extrañé la combinación CTRL+Z para olvidar mis errores; como prueba de esto mira mi horrendo dibujo.
Tecnologías utilizadas: JavaScript y HTML5 (
canvas)

9. TWITCH
Descripción: Varios juegos mínimos dentro de ventanas pequeñas. Cada ventana es una etapa interconectada con la siguiente. Fue uno de mis favoritos.
Tecnologías utilizadas: Processing.js y JavaScript

10. 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)










SE PASO DE BAÑADISIMO! Los de adobe tendran que reinventarse con el flash
y se quedaron cortos aunque buenos es solo una pequeña muestra de lo que se puede hacer con HTML5. estaria bien que las paginas con “Gravedad” reaccionaran con el acelerometro de los iphone, ipad, macbooks, y demas para hacerlas mas divertidas
Utilidad de un acelerometro en un computador.-
_Para crackers, hackers, organizacions de [im]seguridad, etc: Infinitas.
_ Para un usuario: 0
No se en que piensan los fabricantes de dispositivos Apple. Ah, cierto! en la estetica y en el que diran.
Hace un tiempito habia visto algunos (#1, 2, 3, 6, 9), cuando se mostraban las ventajas de velocidad en graficos de Chrome. La verdad son fascinantes y agradables a la vista. Algunos bookmarks para cuando tengo que desestrezarme.
No voy a hacer comentarios “HTML5 vs JS”.
Saludos cordiales, una simple voz en la oscuridad.
No hace falta HTML “5” para hacer esto, con javascript y HTML -5 se puede hacer esto y mucho mas. P.D He dicho para esto, para otras cosas si.
Muy interesantes!
Tremendas muestrasssss!
“como prueba está en mi horrendo dibujo”
A mi me gustaría haber tenido una copia de esa imagen. Me gustó para papel tapiz.
Jejeje, ¿lo dices en serio? :P
la de google es excelente!!!
incluso los resultados de la busqueda tambien se caen!!!
Hace más de 7 años, que esto mismo se hace con actionScript (tecnología adobe), no se que tiene de espectacular.
Saludos
Espectacular :D
SE PASO DE BAÑADISIMO!
Los de adobe tendran que reinventarse con el flash
muchos de los mejores programadores web tienen problemas con html5, con flash es mas sencillo hacer efectos como sabras.
Pasate por los foros de html5 y veras las rimpeduras de cabeza que tienen con html5. saludos
ta bonito exelente osea chevere me gusto
que nojhaynada,mas
mmmmmm, y dicen que flash consume mucho y html5 muy poco? El administrador de tareas de Google Chrome me indica una media de un 13% de consumo de procesador en el de Destructive Video…
Veremos cuando salga Flash versión 11…
En realidad, gran parte de la magia aqui no es precisamente de HTML5. La mecánica la tiene JavaScript y HTML5 con canvas (para la mayoría de los ejemplos) es solo el lienzo y las formas. Este tipo de cosas (sin usar flash) existen desde antes que tu (lector) conocieras la palabra HTML5. Cualquier desarrollador web profesional con experiencia me daria la razón. Al tanto que, desde hace 6 años podíamos ver cosas como … juegos 3D, corriendo en tu MSIE6 solo con JavaScript.
Parece que es hora de que flash se despida
Muy buen artículo!
Parece que html5 esta muy unido a js..
para los que quieran mas info de html5, dejo un link de un foro hispano
http://www.foroshtml5.com
saludos
Hello! abbgdeb interesting abbgdeb site! I’m really like it! Very, very abbgdeb good!