Juega, aprende y experimenta nuevas tecnologías web con Chrome Experiments

El sitio web Chrome Experiments es un escaparate de todo lo nuevo y emocionante en lo que respecta a las tecnologías web y los avances del navegador, con un enfoque en JavaScript. HTML5 10 sitios web para ver de qué se trata HTML5 10 sitios web para ver de qué se trata HTML5 Más información, lienzo, SVG y el motor 3D WebGL se destacan 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 acerca de los Experimentos de Chrome es que el sitio fomenta el aprendizaje de 4 TED Talks sobre la creatividad, la inspiración y la pasión. 4 Must-See TED sobre la creatividad, la inspiración y la pasión de la creatividad. Inspiración. Pasión. Todos estos son conceptos de los cuales somos muy conscientes, pero no muchos de nosotros podemos precisar su origen con precisión. ¿De dónde viene la creatividad? ¿Qué es lo que causa un… Lea más junto con el descubrimiento, así que una vez que haya jugado con un proyecto, hay una buena posibilidad de que pueda aprender un poco sobre cómo se realiza y, en algunos casos, inténtelo usted mismo?.

Hay cientos de juguetes para jugar en el sitio web de Chrome Experiments y, para comenzar, aquí están 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 ninguno de ellos si descarga o actualiza la última versión estable de Chrome, aunque otros navegadores modernos también deberían funcionar..

Simplemente no intente hacer nada de esto en IE6. Si sigue utilizando IE6, tiene un problema [Opinión] Si sigue utilizando IE6 es un problema [Opinión] IE6 fue el mejor de los mejores cuando salió recién exprimido de la fábrica de software de Microsoft. Debido a eso, fue capaz de alcanzar el récord del 95% de participación en el mercado del navegador en el apogeo de ... Leer más, está bien?

Nubes 3D

Estas nubes no son verdaderas en 3D, como señala el autor Jaume Sanchez, pero imagínese si su sitio web o incluso el fondo de su escritorio generaron nubes bonitas en 3D que no usan más que CSS y un poco de JavaScript. Evidentemente, no estamos muy lejos de esa etapa, como muestra esta demostración..

El sitio de Jaume está lleno de otros experimentos interesantes relacionados con HTML5, así como un montón de tutoriales para ayudarte a comenzar a hacer los tuyos. Si desea saber cómo hizo estas nubes, puede leer todo sobre esto aquí..

Taller de torno

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 construyó la demo para mostrar un sombreado de procedimiento simple, pero también agregó algunos sonidos para autenticidad.

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

Atrayentes de partículas GPU

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

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

Coches WebGL

Realizado por AlteredQualia, que también fue autor de la increíble película interactiva ro.me (que también se presentó en Chrome Experiments), los coches WebGL son un juguete en 3D que te permite controlar un Bugatti Veyron y Lamborghini Gallardo desde múltiples ángulos de cámara.

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

Ala-X

Este es uno de esos juegos de reacción en los que el objetivo es mover el objetivo con el mouse (o en este caso también con el teclado) para evitar los obstáculos que se avecinan, excepto que es mejor que el resto porque este incluye un X-Wing y qué Parece que la trinchera se ejecuta desde Star Wars.

El autor que lleva el nombre de OutsideOfSociety tiene muchos más experimentos de WebGL en su sitio web..

Mi nacion robot

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

De acuerdo, no tienes que comprar el robot para disfrutarlo, pero si pasas todo el tiempo que hice intentando hacer algo que se asemeja vagamente a un Robobrain de Fallout Pique, tu interés con estos Wikis en 4 ficticios Los mundos post-apocalípticos despiertan tu interés con estos wikis en 4 mundos post-apocalípticos ficticios ¿Alguna vez has saltado a la wiki de tu serie o serie de libros favoritos, y luego caíste en un desfase temporal saturado de contenido? Sabes de lo que estoy hablando, algo así como el clásico agujero negro de TVTropes ... Lee más, entonces desearás haberlo hecho. No te olvides de revisar las creaciones de todos los demás también.!

FastKat 2

Otro “Evita los obstáculos con tu ratón.” tipo de juego, excepto que esta es una secuela del FastKat original de Omiod, un juego HTML5 bastante popular que quizás ya hayas jugado. La secuela es más rápida, más dura y muy adictiva..

Simplemente no empieces a jugar cuando tengas trabajo que hacer ...

Livecodelab

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

No soy un programador (soy terrible al recordar las palabras y mucho menos a las funciones), pero incluso me pareció atractivo y un poco facultado para manipular y jugar con WebGL con un excelente tutorial para tomar 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 Chrome Experiments es simplemente una plataforma para que los artistas y programadores envíen sus creaciones, pero tiene un gran propósito: resaltar 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 móvil!

Explorar más sobre: ​​Google, Google Chrome.