Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusi?e experimentos con tecnolog? de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien reci? celebr?> la llegada del experimento n?o 100. Por supuesto, JavaScript y HTML5, son las tecnolog? m?relevantes usadas en el sitio para poner a prueba tu(s) navegador(es). Bueno, pues aqu?resento una peque?selecci?e 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.
Pues los 10 trucos y la fuente, como es logico en LEER MAS >>>
Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusi?e experimentos con tecnolog? de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien reci? celebr?> la llegada del experimento n?o 100. Por supuesto, JavaScript y HTML5, son las tecnolog? m?relevantes usadas en el sitio para poner a prueba tu(s) navegador(es). Bueno, pues aqu?resento una peque?selecci?e 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?los para lanzar el experimento.
1. Google Gravity
-
Descripci?strong>: Mira c? todos los elementos de la legendaria p?na principal de Google comienzan a caer y rebotar hasta el fondo de tu pantalla, acelerados por una fuerza (virtual) gravitacional.
-
Tecnolog? utilizadas: JavaScript (box2d-js)
2. Destructive Video
-
Descripci?strong>: Reproduce Big Buck Bunny con HTML5 y luego despedaza a clicazos el v?o. Ver?con agrado c??e vuelve a la normalidad.
-
Tecnolog? utilizadas: JavaScript y HTML5 (elementos
videoycanvas; en especial, la llamada a la funci?code>Canvas.drawImage())
3. Canopy
-
Descripci?strong>: Es un navegador de fractales. Cada clic te hace ir m?r?do. Sigue con atenci?as instrucciones. Se difruta m?si seleccionas mutate y bloom mientras mantienes presionado el bot?zquierdo del mouse.
-
Tecnolog? utilizadas: JavaScript (JQuery) y HTML5 (
canvas)
4. Smalltalk
-
Descripci?strong>: Una herramienta que recoge estatus de Twitter el peque?ran di?go para conformar un mapa del clima y su efecto en nuestras vidas. Una herramienta Social Weather.
-
Tecnolog? utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (
canvas)
5. Social Collider
-
Descripci?strong>: Revela conexiones cruzadas entre conversaciones (¿memes?) en Twitter, de forma temporal y lateral a trav?de muchos contextos. En el ejemplo muestro las conversaciones relacionadas con el or?lo mundial en turno: el Pulpo Paul.
-
Tecnolog? utilizadas: Twitter API, Google Maps, JavaScript (JQuery) y HTML5 (
canvas)
6. Ball Pool
-
Descripci?strong>: 1) Arrastra objetos, 2) Da clic en el fondo y 3) Agita tu navegador (?e es m?espectacular). Da doble clic para iniciar un juego nuevo.
-
Tecnolog? utilizadas: JavaScript (box2d-js) y HTML5 (
canvas)
7. Browser Pong
-
Descripci?strong>: Es probable que Pong sea uno de los videojuegos m?b?cos y antiguos. Con Browser Pong no jugar?dentro del navegador, sino con ?
-
Tecnolog? utilizadas: JavaScript (JQuery) y HTML5 (audio)
8. Harmony
-
Descripci?strong>: Una herramienta de dibujo m?ma. Once pinceles poco convencionales y un lienzo. S?extra?a combinaci?TRL+Z para olvidar mis errores; como prueba de esto mira mi horrendo dibujo.
-
Tecnolog? utilizadas: JavaScript y HTML5 (
canvas)
9. TWITCH
-
Descripci?strong>: Varios juegos m?mos dentro de ventanas peque? Cada ventana es una etapa interconectada con la siguiente. Fue uno de mis favoritos.
-
Tecnolog? utilizadas: Processing.js y JavaScript
10. Liquid Particles
-
Descripci?strong>: La interfaz es tu mouse. Da clic y mueve el cursor; las part?las reaccionar?en un ciclo de atracci?epulsi?Es sencillamente fascinante.
-
Tecnolog? utilizadas: JavaScript y HTML5 (
canvas)
Fuente: http://bitelia.com/2010/07/10-muy-entretenidos-experimentos-en-javascript-y-html5-para-hacer-en-tu-navegador