Chrome Experiments: El potencial de HTML 5

Lisandro Pardo . Vista 11438 veces
Chrome Experiments: El potencial de HTML 5

Hace un tiempo atrás mencionamos los experimentos que se estaban llevando a cabo con JavaScript y Google Chrome. Algunos de ellos resultaron ser muy interesantes, y revelaron una parte de las capacidades de procesamiento del navegador, junto con la creciente flexibilidad de JavaScript. Ahora, con HTML 5 dentro de la ecuación, han aparecido nuevos experimentos que realizan cosas nunca antes vistas en un navegador, sin la ayuda de extensiones o software especializado. De la lista de cincuenta experimentos hemos buscado los mejores diez, y los colocamos en una lista para que puedas darles un vistazo.


  • Puede que algunos usuarios no puedan apreciarlo al utilizar la versión estable de Google Chrome, pero quienes posean instalada la versión de desarrollo del navegador saben sin lugar a dudas que se trata del más rápido del mercado. Las últimas pruebas que hemos realizado con la versión 3.0.197.11 arrojaron resultados cercanos a los 500 milisegundos en SunSpider. Podrá tener una falta de funciones importante (configuración de proxy independiente, ¿alguien?) pero a la hora de procesar código JavaScript, Google Chrome es un verdadero relámpago. Sin embargo, los números de SunSpider pueden parecer fríos para algunos. Ahí es en donde entran detalles como los Experimentos Chrome. Diferentes desarrolladores y/o entusiastas han publicado proyectos en los que se exploran las capacidades de la combinación entre Google Chrome, JavaScript, y el flamante HTML 5. Obviamente HTML 5 no está limitado a Google Chrome, y algunos de ellos pueden ser visualizados en otros navegadores, pero lo ideal es utilizar al navegador de Google para apreciarlos mejor. Del total de cincuenta experimentos disponibles, aquí están los mejores diez:

    1) Starfield

    El salvapantallas del viaje estelar de Windows en versión JavaScript, pero con una vuelta extra. Starfield detecta el movimiento del ratón y "cambia el curso". Los controles están invertidos, como si estuviéramos controlando un avión. Claro que en el espacio eso no tiene mucho sentido, pero le agrega un efecto muy interesante.

    Scotty, era hacia el otro lado... Scotty, era hacia el otro lado...

    2) InterNetris

    Sencillamente impresionante. He visto muchos clones de Tetris ahí afuera, algunos de ellos demandando toneladas de Flash e incluso Java, pero este InterNetris no necesita ni una cosa ni la otra. Como todo clon de Tetris, es una adicción absoluta para quien disfrute de esta clase de juegos. Es más, cuando quise darme cuenta ya llevaba quince minutos jugando...

    Adicción instantánea, con cuidado. Adicción instantánea, con cuidado.

    3) BallDroppings

    Al comienzo no parece ofrecer mucho, pero el truco está en crear líneas con el ratón y dejar que las pequeñas esferas golpeen contra ellas. Cada vez que una línea sea golpeada por una de las esferas se podrá oír un sonido. Los mismos varían según el largo de la línea, y según la fuerza con la que golpean las esferas. Claro que, con muchas esferas golpeando a la vez, una simple melodía puede convertirse en un caos insoportable.

    Coloca pocas líneas al principio, o sólo lograrás un ruido espantoso Coloca pocas líneas al principio, o sólo lograrás un ruido espantoso

    4) Ball Pool

    Ball Pool es uno de los experimentos que ha demostrado algunas de las capacidades de JavaScript en relación con la física. Por supuesto, no es algo elaborado como el motor Havok, pero es suficiente como para exponer a la luz la posibilidad de aplicaciones web con ciertos elementos de física básica, como por ejemplo, un videojuego.

    Llena la ventana de esferas, y luego sacúdela Llena la ventana de esferas, y luego sacúdela

    5) Canopy

    ¿Recuerdan lo que publicamos sobre fractales? En Canopy podremos ver exactamente eso. Con algunos pocos ajustes, se puede cambiar la forma en la que el árbol crece y se desarrolla, creando diferentes tipos de patrones. Tiene mucho potencial como salvapantallas, y hasta funciona con otros navegadores además de Chrome.

    Puedes alterar la forma en la que el árbol crece Puedes alterar la forma en la que el árbol crece

    6) ChromeDrones

    Su desarrollador lo describe como un juguete de sonido, y definitivamente tiene razón. Pequeñas esferas surgen de una fuente, y con cada punto de atracción que crees, las esferas viajarán hacia allí para generar un sonido. Puedes variar los tonos haciendo clic en cada una de las zonas de atracción, creando sonidos muy interesantes.

    Haz clic en los concentradores para cambiar los tonos Haz clic en los concentradores para cambiar los tonos

    7) Bing-Bong!

    Otro clon de un videojuego clásico entre los experimentos. En esta ocasión nos encontramos frente a una variación del Arkanoid, con unos gráficos que dan la impresión de haber sido hechos por un niño pequeño, pero que no pueden ocultar el gran potencial que posee JavaScript para un mercado tan importante como el desarrollo de videojuegos.

    La fuerza que recibe la bola puede ser demasiada La fuerza que recibe la bola puede ser demasiada

    8) Twitch

    Un grupo de excelentes minijuegos en los que hay que ayudar a una pequeña esfera a superar los obstáculos le dan forma a Twitch. Es digno de destacar: No hay ni una sola gota de Flash allí, es muy simple, y al mismo tiempo muy adictivo. No te detendrás hasta que lo hayas superado por completo.

    ¿Qué tan rápido puedes superar los niveles? ¿Qué tan rápido puedes superar los niveles?

    9) Google Gravity

    Explorando algunas de las propiedades físicas de JavaScript, con un toque de humor. ¿Se imaginan si algo como esto sucediera de verdad en la página principal de Google? El pánico y el caos se sembraría a través de toda la Web, tratando de encontrar una explicación. Sin lugar a dudas, sería una fantástica broma para el Día de los Inocentes...

    Sería una debacle mundial de la que se hablaría por décadas... Sería una debacle mundial de la que se hablaría por décadas...

    10) 100 Tweets

    Además de ser uno de los experimentos más recientes, también es uno de los que coloca en mayor evidencia las capacidades de HTML 5. Cada uno de los puntos que aparece en la pantalla es un mensaje publicado enTwitter relacionado a HTML 5, pero lo más llamativo es que hay música reproduciéndose de fondo, sin la necesidad de ningún plugin adicional. La etiqueta "audio" de HTML 5 está haciendo su trabajo allí.

    La música hace uso de la etiqueta "audio" de HTML 5 La música hace uso de la etiqueta "audio" de HTML 5

    JavaScript cada vez más rápido y elaborado, con la aceleración 3D a la vuelta de la esquina, y la posibilidad de colgar audio y vídeo sin software adicional. Esto no sólo se trata de HTML 5, sino de Google Chrome también. Cada vez queda más al descubierto la intención de Google al tratar de convertir a Chrome en algo que está más allá de un navegador. De a poco, está ganando la apariencia de una plataforma completa. Aplicaciones web, audio, vídeo, aceleración 3D, videojuegos... sólo faltan algunas funciones para que se convierta en todo un sistema operativo. Todavía no se sabe nada concreto del Chrome OS, pero nadie puede negar la posibilidad de que ya tengamos una gran parte de ese sistema operativo en nuestros ordenadores, con Google Chrome instalado.

    Chrome Experiments:  Haz clic aquí Starfield:  Haz clic aquí InterNetris:  Haz clic aquí BallDroppings:  Haz clic aquí Ball Pool:  Haz clic aquí Canopy:  Haz clic aquí ChromeDrones:  Haz clic aquí Bing-Bong!  Haz clic aquí Twitch:  Haz clic aquí Google Gravity:  Haz clic aquí 100 Tweets:  Haz clic aquí

¿Y tú, qué opinas?

  • #1 ac
    ac viernes, 14 de agosto de 2009, 12:15

    Interesantes ejemplos, pero los están presentando como si solo funcionaran bien en chrome, lo que no es cierto, funcionan con cualquier browser que soporte suficientes elementos de HTML 5. Personalmente los acabo de ver todos usando Opera 10 y la mayoría funcionan sin grandes problemas, es mas, los pocos problemas que me encontré estoy seguro que son bugs de los ejemplos y no problemas del navegador.

    Saludos

    Responder >> Attention Minus Plus Votos: 0 de 2
  • #2 <a href="../../foro/member.php?u=10172" target="_self">elGeekalpha</a>
    elGeekalpha viernes, 14 de agosto de 2009, 12:50

    yo los acabo de provar en firefox 3.5 y no me dieron ningun problema creo que lo unico fue que se me relentizaba como que eran muy pesados o me ase falta ram xD

    Responder >> Attention Minus Plus Votos: 1 de 1
  • #3 <a href="../../foro/member.php?u=7506" target="_self">CHRISTIAN-SUAREZ</a>
    CHRISTIAN-SUAREZ viernes, 14 de agosto de 2009, 13:06

    #1Sin embargo, también puede haber problemas en la manera en que un navegador implementa HTML 5. En el primer párrafo mencionamos que pueden ser vistos en otros navegadores, pero hicimos énfasis en Chrome para minimizar cualquier inconveniente de visualización. Gracias por el comentario.

    Responder >> Attention Minus Plus Votos: 0 de 2
  • #4 Godofredo
    Godofredo viernes, 14 de agosto de 2009, 13:11

    Opera y Chrome, Chrome y Opera, los dos mejores navegadores que existen.

    Responder >> Attention Minus Plus Votos: -2 de 8
  • #5 masterjedi
    masterjedi viernes, 14 de agosto de 2009, 14:00

    a mi me corrio bien con el firefoz 3. se va a morir adobe y Interne Explore XD.

    Responder >> Attention Minus Plus Votos: 3 de 5
  • #6 José Alfredo
    José Alfredo viernes, 14 de agosto de 2009, 14:26

    Como dicen comentarios anteriores, todos esos experimentos pueden ser vistos con Firefox 3, no solo con Chrome y en general con cualquier navegador que soporte HTML5, sin dudas la web del futuro va a ser sumamente interesante y lo mejor, sin necesidad de molestos plug ins de terceros

    Responder >> Attention Minus Plus Votos: 2 de 2
  • #7 asarozo
    asarozo viernes, 14 de agosto de 2009, 14:35

    #5e internet, E Internet!!!!!!!!!!!!

    Responder >> Attention Minus Plus Votos: 1 de 3
  • #8 Djdeejay
    Djdeejay viernes, 14 de agosto de 2009, 15:09

    #4Firefox y Chrome solo esos dos son los mejores, uno por las extensiones y el otro por la velocidad, los otros salen sobrando.

    Responder >> Attention Minus Plus Votos: 2 de 6
  • #9 <a href="../../foro/member.php?u=16843" target="_self">kianji</a>
    kianji viernes, 14 de agosto de 2009, 15:23

    Genial !!!
    Si corre bien con firefox 3.5.2

    Responder >> Attention Minus Plus Votos: 2 de 2
  • #10 ac
    ac viernes, 14 de agosto de 2009, 16:19

    #3Si, pero últimamente el sectarismo con los navegadores va tomando matices de guerra santa; hay muchos que podrían interpretar el articulo como "prueba" de que chrome esta absolutamente en la punta en lo que a la adopción de nuevas tecnologías se refiere y los demás son navegadores anticuados lo cual solo sirve para promover el fanboyismo sin ninguna base real.

    Por lo pronto no hay una forma correcta de implementar HTML 5, porque en lo fundamental todavía ni siquiera esta completo. Lo que tenemos hasta ahora es un borrador del año pasado que no esta completo ni mucho menos.

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #11 ac
    ac viernes, 14 de agosto de 2009, 16:26

    #3Solo como referencia, aquí tienen un articulo (un tanto viejo) sobre el soporte de HTML 5 en los distintos motores.

    http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)

    Tomen en cuenta que el mayor soporte esta en las versiones de prueba que NO fueron analizadas ahi.

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #12 eddyhernandez
    eddyhernandez viernes, 14 de agosto de 2009, 17:13

    Increible me gusta mas chrome!!!
    si corre en firefox, pero hagan la prueba en chrome si se ve diferencia

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #13 <a href="../../foro/member.php?u=3366" target="_self">dAnderson</a>
    dAnderson viernes, 14 de agosto de 2009, 18:03

    Los probé en el Chrome y todos me andan de maravilla....luego los probé en el Firefox y algunos no andan igual de rápido que en el Chrome, dudo que sea por mi PC...así que puedo notar la diferencia existente entre ambos navegadores en cuanto a ejecución javascript.

    Responder >> Attention Minus Plus Votos: -1 de 1
  • #14 dc
    dc viernes, 14 de agosto de 2009, 18:42

    #12La verdad es que si tengo que admitirlo me gusta mas firefox pero en chrome todo esto corre mas rapido.

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #15 SLIPKNOT
    SLIPKNOT viernes, 14 de agosto de 2009, 21:54

    ¡Símplemente genial! Bajo Firefox 3.5.2 a mí me corren un poquito lentos y a tirones (algunos). En cambio bajo Chrome 3.0.195.6 ¡va de fábula! :D

    Supongo que también en parte es a causa de los... mmm... cerca de 15 complementos que uso con Firefox, por lo que a lo mejor, ejecutándolos con el navegador "a pelo" correrían bastante mejor ^^

    Responder >> Attention Minus Plus Votos: 2 de 2
  • #16 <a href="../../foro/member.php?u=10219" target="_self">eliezer</a>
    eliezer viernes, 14 de agosto de 2009, 22:15

    Yo los probe con Internet Explorer, y funciono de maravilla!!!!


    jajajajajajajaja, no para nada, es broma!!!

    Responder >> Attention Minus Plus Votos: 1 de 1
  • #17 JP
    JP viernes, 14 de agosto de 2009, 23:39

    todos me funcionaron con opera9 y con chrome2, no se nota la diferencia
    el unico problema que tuve fue en el ultimo en ninguno pude oir la musica

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #18 <a href="../../foro/member.php?u=13994" target="_self">leodan</a>
    leodan sábado, 15 de agosto de 2009, 00:47

    #8A mi con que no saquen a Chrome de la jugada, con eso me conformo.

    Responder >> Attention Minus Plus Votos: -1 de 1
  • #19 <a href="../../foro/member.php?u=13994" target="_self">leodan</a>
    leodan sábado, 15 de agosto de 2009, 00:49

    Simpleza de firefox o velocidad de Chrome....mmmm prefiero velocidad.

    Responder >> Attention Minus Plus Votos: -1 de 1
  • #20 Die
    Die sábado, 15 de agosto de 2009, 04:45

    Internet explorer es lo mejor

    Responder >> Attention Minus Plus Votos: -1 de 3
  • « «« Anterior12Siguiente »» »
    Cargando...Cargando...

  • nuevo comentario
    Nombre

    Campo obligatorio

    Email

    Escriba una dirección de correo electrónico con el formato sunombre@ejemplo.com.

    Campo obligatorio

 
Ir arriba