Juega, aprende y experimenta nuevas tecnologías web con los experimentos de Chrome

Anuncio publicitario

los Experimentos de Chrome El sitio web es un escaparate de todas las cosas nuevas y emocionantes cuando se trata de tecnologías web y avances en los navegadores, con un enfoque en JavaScript. HTML5 10 sitios web para ver de qué se trata HTML5 Lee mas , Canvas, SVG y el motor 3D WebGL, todos ocupan un lugar destacado en pequeñas chispas de creatividad que están allanando el camino hacia una Internet más bonita e interactiva.

Una de las mejores cosas de los Experimentos de Chrome es que el sitio fomenta el aprendizaje 4 charlas TED imprescindibles sobre creatividad, inspiración y pasiónCreatividad. Inspiración. Pasión. Todos estos son conceptos de los que somos muy conscientes, pero no muchos de nosotros podemos identificar con precisión su origen. ¿De dónde viene la creatividad? ¿Qué es lo que causa un ... Lee mas junto con el descubrimiento, por lo que una vez que hayas jugado con un proyecto, es muy probable que puedas aprender un poco sobre cómo se hace y, en algunos casos, intentarlo tú mismo.

Hay cientos de juguetes con los que jugar en el sitio web de Experimentos de Chrome y, para que comiences, aquí tienes algunos de los mejores.

Requisitos del navegador

Como este es un sitio web centrado en Chrome administrado por Google, todos los experimentos están destinados a funcionar en su navegador Chrome. Esto significa que no debería tener problemas para ejecutar cualquiera de ellos si descarga o actualiza a la última versión estable de Chrome, aunque otros navegadores modernos también deberían funcionar.

No intentes hacer nada de esto en IE6 Si todavía usa IE6, es un problema [Opinión]IE6 fue lo mejor de lo mejor cuando salió recién exprimido de la fábrica de software de Microsoft. Debido a eso, fue capaz de alcanzar la cuota de mercado récord del 95% de los navegadores a la altura de ... Lee mas , ¿okey?

Estas nubes no son verdaderas 3D, como autor Jaume Sánchez señala, pero imagínese si su sitio web o incluso el fondo de su escritorio generara nubes bonitas, similares a las de 3D, usando nada más que CSS y un poco de JavaScript. Bueno, evidentemente, no estamos lejos de ese escenario, como muestra esta demostración.

El sitio de Jaume está lleno de otros experimentos interesantes que involucran HTML5, así como un montón de tutoriales para ayudarlo a comenzar a crear el suyo. Si quieres saber cómo hizo estas nubes, puedes leerlo todo. aquí.

Más divertido que funcional, este torno con tecnología WebGL de Einar Öberg utiliza la barra espaciadora y el puntero del mouse para recrear el arte de tornear madera, metal y piedra a mano. Einar creó la demostración para mostrar un sombreador de procedimiento simple, pero también agregó algunos sonidos para la autenticidad.

Si bien no es un tutorial completo, puede aprender un poco más sobre cómo se hizo en el blog del autor.

Un experimento que involucra efectos de partículas y el motor WebGL, Edouard Coulon ha creado algo realmente hermoso que puede manipular con el mouse y la barra espaciadora. Haga clic para atraer las partículas al centro de la pantalla y luego presione la barra espaciadora para verlas disparar hacia afuera nuevamente.

Desafortunadamente, no hay un tutorial para este, aunque recomiendo probar el modo de un millón de partículas si su computadora puede manejarlo. ¡Agregue un proyector y una habitación oscura para una diversión sin fin!

Hecho por AlteredQualia quien también fue el autor del asombroso Roma Película interactiva (que también aparece en Chrome Experiments), WebGL Cars es un juguete en 3D que te permite controlar un Bugatti Veyron y un Lamborghini Gallardo desde múltiples ángulos de cámara.

Una cosa que es particularmente interesante de esto es la demostración del desenfoque de movimiento, la profundidad de campo y las diferentes condiciones de iluminación. Ok, y al niño que hay en mí le encanta jugar con carros de juguete, ¿qué puedo decir?

Este es uno de esos juegos de reacción donde el objetivo es mover el objetivo con el mouse (o en este caso también con el teclado) en un intento por evitar Obstáculos que se aproximan, excepto que es mejor que el resto porque este involucra un X-Wing y lo que parece la trinchera de Star Guerras.

El autor que se hace llamar OutsideOfSociety tiene muchos más experimentos WebGL en marcha en su sitio web.

My Robot Nation, un front-end de comercio electrónico completamente funcional, aprovecha el poder de WebGL para permitirle diseñe, pinte y personalice su propio robot de juguete antes de que se lo envíen para un juego precio.

De acuerdo, no tienes que comprar el robot para divertirte, pero si pasas tanto tiempo como yo tratando de hacer algo que se parezca vagamente a un Robobrain del Caer Despierta tu interés con estos wikis sobre 4 mundos post-apocalípticos ficticios¿Alguna vez te has subido a la wiki de tu programa o serie de libros favoritos y luego has caído en una distorsión temporal saturada de contenido? Sabes de lo que estoy hablando, algo así como ese clásico agujero negro de TVTropes ... Lee mas serie, entonces desearás haberlo hecho. ¡No olvide ver también las creaciones de todos los demás!

Otro juego tipo "evita los obstáculos con el mouse", excepto que este es una secuela del original FastKat por Omiod, un juego HTML5 bastante popular al que quizás ya hayas jugado. La secuela es más rápida, más difícil y muy adictiva.

No empieces a jugar cuando tengas trabajo que hacer ...

El experimento final presentado aquí (de cientos, fue difícil elegir solo 8) es bastante especial, ya que le permite manipular objetos WebGL utilizando código sobre la marcha. Además de un conjunto de demostraciones para mirar y jugar, hay una serie de tutoriales que le ayudarán a aprender algo de WebGL.

No soy un programador (soy terrible para recordar palabras y mucho menos funciones) pero incluso yo lo encontré atractivo y un poco empoderador para manipular y jugar con WebGL con un gran tutorial para sostener mi mano. Si está interesado en probar este tipo de cosas, pero no tiene idea de cómo hacerlo, este es un excelente lugar para comenzar.

Conclusión

El sitio web de Chrome Experiments es simplemente una plataforma para que los artistas y codificadores envíen sus creaciones, pero tiene un gran propósito: destacar el talento y ayudar a enseñar a otros las posibilidades de las nuevas tecnologías web. ¡Incluso hay Experimentos de Chrome que funcionan en tu dispositivo móvil!