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