Jugar, aprender y experimentar las nuevas tecnologías web con chrome experiments

La página web experimentos Chrome es un escaparate para todas las cosas nuevas e interesantes cuando se trata de tecnologías web y los avances del navegador, con un enfoque en javascript. HTML5, lienzo, SVG y el motor 3D WebGL todos ocupan un lugar destacado en pequeñas chispas de creatividad que están allanando el camino para una Internet más bonita y más interactivo.10 sitios web para ver lo que es todo acerca de HTML510 sitios web para ver lo que es todo acerca de HTML5Lee mas

Una de las mejores cosas de Chrome Experiments es que el sitio fomenta el aprendizaje junto con el descubrimiento, por lo que una vez que haya jugado con un proyecto que hay una buena posibilidad de que usted será capaz de aprender un poco acerca de cómo se hace - y en algunos casos darle una oportunidad a sí mismo.

Hay cientos de juguetes para jugar en el sitio web experimentos Chrome y para empezar, aquí están algunos de los mejores.

Requisitos del navegador

Como se trata de un sitio web centrado en Chrome a cargo de Google, todos los experimentos están destinados a trabajar en su navegador Chrome. Esto significa que usted debe tener problemas para ejecutar cualquiera de ellos si se descarga o actualización a la última versión estable de Chrome, aunque otros navegadores modernos deben trabajar también.

Simplemente no se vaya tratando de hacer nada de esto en IE6, ¿bueno?Si todavía estás Usando IE6 usted es un problema [Opinión]Si todavía estás Usando IE6 usted es un problema [Opinión]IE6 fue el mejor de los mejores cuando se trataba recién exprimido fuera de la fábrica de software de Microsoft. Debido a que era capaz de lograr el récord del 95% de cuota de mercado de los navegadores a la altura de ...Lee mas

Las nubes 3D

Estas nubes no son ciertas 3D - como señala el autor Jaume Sánchez - pero imagina si su sitio web o incluso generan nubes de fondo de escritorio bastante, 3D-como utilizando nada más que CSS y un poco de javascript. Bueno, evidentemente, no estamos muy lejos de esa etapa ya que esta demostración se muestra.

El sitio de Jaume está llena de otros experimentos interesantes que involucran HTML5, así como un montón de tutoriales para ayudarle a empezar a hacer su propio. Si desea saber cómo hizo estas nubes a continuación, puede leer todos los detalles aquí.

Taller de Torno

Más divertido que funcional, este torno WebGL con motor de Einar Öberg utiliza la barra espaciadora y el puntero del ratón para recrear el arte de convertir la madera, el metal y la piedra con la mano. Einar construyó la demo para mostrar un simple procedimiento de sombreado, pero también añadió algunos sonidos para confirmar su autenticidad.

Aunque no es un tutorial completo, se puede aprender un poco más acerca de cómo se ha hecho en el blog del autor.

Los atractores GPU de partículas

Un experimento con efectos de partículas y el motor WebGL, Edouard Coulon ha creado algo realmente hermoso se puede manipular con el ratón y la barra espaciadora. Haga clic para atraer las partículas al centro de la pantalla después haga clic en la barra espaciadora para disparar verlos de nuevo hacia fuera!

No hay tutorial para éste por desgracia, aunque recomiendo probar el modo de un millón de partículas si el equipo puede manejar la situación. Añadir un proyector y un cuarto oscuro para la diversión sin fin!

WebGL Coches

Hecha por AlteredQualia quien también es autor de la película interactiva ro.me impresionante (que también se han presentado en Chrome Experiments), coches de WebGL es un juguete 3D que le permite controlar un Bugatti Veyron y Lamborghini Gallardo desde múltiples ángulos de cámara.

Una cosa que es particularmente bueno de esto es la demostración de desenfoque de movimiento, profundidad de campo y diferentes condiciones de iluminación. Ok, y el niño que me gusta jugar con los coches de juguete - ¿qué puedo decir?

X-Wing

Este es uno de esos juegos de reacción donde el objetivo es mover el objetivo con el ratón (o en este teclado caso también) en un intento por evitar los obstáculos que se aproximan - excepto que es mejor que el resto porque éste implica un X-Wing y lo se parece a la zanja de gestión de Star Wars.

El autor que se conoce con el nombre de OutsideOfSociety tiene mucho más experimentos WebGL pasando en su página web.

Mi Robot Nación

Un comercio electrónico frontal totalmente funcional, Mi Robot Nación aprovecha la potencia de WebGL que permitirá diseñar, pintar y personalizar su propio robot de juguete antes de tener que envió a usted por un precio fijo.

Ok, por lo que no tiene que comprar el robot para obtener una patada fuera de él - pero si usted pasa el tiempo que lo hice tratando de hacer algo que se parece vagamente a un Robobrain de la Caer serie a continuación, te gustaría tener. No se olvide de revisar las creaciones de todos los demás también!Despertar su interés con estos Wikis en los mundos de ficción 4 postapocalípticoDespertar su interés con estos Wikis en los mundos de ficción 4 postapocalíptico¿Alguna vez ha saltado en el wiki de su programa o un libro series favoritas, y luego cayó en un túnel del tiempo el contenido saturado? Ya sabes lo que estoy hablando - algo así tvtropes clásicos negro hoyos ....Lee mas

FastKat 2

Otro “evitar los obstáculos con el puntero del ratón” tipo de juego, a menos que éste es una secuela de la original de la FastKat Omiod, un juego bastante popular HTML5 es posible que ya haya jugado. La secuela es más rápido, más duro y muy adictivo por cierto.

Eso sí, no empezar a jugar cuando tienes trabajo que hacer ...

Livecodelab

El experimento final ofrecido aquí (de cientos, era difícil elegir sólo 8) es bastante especial, ya que le permite manipular objetos usando WebGL código en la marcha. Así como una serie de demos para gawp en y jugar con, hay una serie de tutoriales para ayudarle a aprender algo de WebGL.

No soy un codificador (Soy terrible para recordar palabras permiten funciones por sí solas) pero incluso me pareció interesante y poco potenciación de manipular y ver alrededor de WebGL con un gran tutorial para sostener mi mano. Si usted está interesado en dar este tipo de cosas un ir pero no tienen idea de cómo hacerlo, entonces este es un gran lugar para comenzar.

Conclusión

La página web Chrome Experiments no es más que una plataforma para artistas y programadores para presentar sus creaciones a, pero sirve un gran propósito - para destacar el talento y ayudar a enseñar a otras de las posibilidades de las nuevas tecnologías web. Incluso hay que Chrome Experiments trabajar en tu móvil!