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!