Brincar, aprender e experimentar novas tecnologias da web com experimentos chrome

O site Experimentos Chrome é uma vitrine para todas as coisas novas e excitantes quando se trata de tecnologias web e avanços do navegador, com foco em javascript. HTML5, canvas, SVG e o motor 3D WebGL toda a característica proeminente em pequenas faíscas de criatividade que estão abrindo o caminho para uma Internet mais bonita e mais interativo.10 sites para ver o que HTML5 é toda sobre10 sites para ver o que HTML5 é toda sobreconsulte Mais informação

Uma das melhores coisas sobre o Chrome Experiments é que o site incentiva a aprendizagem ao lado de descoberta, uma vez que você já jogou com um projeto há uma boa chance que você vai ser capaz de aprender um pouco sobre como é feito - e em alguns casos dar-lhe um ir-se.

Há centenas de brinquedos para brincar no site do Chrome Experiments e para você começar, aqui estão alguns dos melhores.

Requisitos do navegador

Como este é um website Chrome focada executado pelo Google, todos os experimentos são feitos para trabalhar em seu navegador Chrome. Isto significa que você deve ter pouca dificuldade para correr qualquer um deles, se você baixar ou atualizar para a última versão estável do Chrome, embora outros navegadores modernos deve funcionar também.

Só não vá tentar fazer nada disso em IE6, OK?Se você ainda está usando o IE6 Você são um problema [Opinião]Se você ainda está usando o IE6 Você são um problema [Opinião]IE6 foi o melhor dos melhores quando se tratava espremido para fora da fábrica de software da Microsoft. Por causa de que era capaz de alcançar o recorde de 95% de participação no mercado de navegadores no auge da ...consulte Mais informação

Nuvens 3D

Chrome Experiments
Estas nuvens não são verdadeiras 3D - como autor Jaume Sanchez aponta - mas imagine se o seu site ou até mesmo o fundo do desktop gerado nuvens muito, semelhantes a 3D usando nada além de CSS e um pouco de javascript. Bem evidentemente, não estamos longe dessa fase como esta demonstração mostra.

site da Jaume está cheio de outras experiências interessantes envolvendo HTML5, bem como uma tonelada de tutoriais para ajudá-lo a começar a fazer o seu próprio. Se você gostaria de saber como ele fez essas nuvens então você pode ler tudo sobre ele aqui.

Oficina Lathe

Chrome Experiments
Mais diversão do que funcional, este torno alimentado-WebGL de Einar Öberg usa a barra de espaço e ponteiro do rato para recriar a arte de transformação de madeira, metal e pedra à mão. Einar construiu a demo para mostrar um shader processual simples, mas ele também acrescentou alguns sons para a autenticidade.

Embora não seja um tutorial completo, você pode aprender um pouco mais sobre como foi feito no blog do autor.

Attractors GPU de partículas

experimentos web cromo
Um experimento envolvendo efeitos de partículas e o motor WebGL, Edouard Coulon criou algo verdadeiramente belo que você pode manipular com o mouse e barra de espaço. Clique para atrair as partículas para o centro da tela, em seguida, bateu a barra de espaço para vê-los atirar para fora de novo!

Não há nenhum tutorial para um presente, infelizmente, embora eu recomendo a tentar o modo de um milhão de partículas se o seu computador pode lidar com isso. Adicionar um projetor e um quarto escuro por diversão sem fim!

WebGL Cars

experimentos web cromo
Feita por AlteredQualia que também é autora do filme interativo ro.me incrível (que é também foi apresentado na Chrome Experiments), carros WebGL é um brinquedo 3D que lhe permite controlar um Bugatti Veyron e Lamborghini Gallardo a partir de vários ângulos de câmera.

Uma coisa que é particularmente interessante sobre isso é a demonstração de borrão de movimento, profundidade de campo e diferentes condições de iluminação. Ok, e a criança em me adora brincar com carrinhos de brinquedo - o que posso dizer?

X-Wing

experimentos web cromo
Este é um daqueles jogos de reação onde o objectivo é mover o alvo com o mouse (ou neste teclado caso também) em uma tentativa de evitar os obstáculos que se aproximam - exceto que é melhor do que o resto porque este envolve uma X-Wing eo que parece que a trincheira executado a partir de Star Wars.

O autor que atende pelo nome OutsideOfSociety tem muito mais experimentos WebGL acontecendo em seu site.

Meu Nation Robot

Google Chrome Experiments web
Um e-commerce front-end totalmente funcionais, minha nação Robot aproveita o poder da WebGL para que você possa projetar, pintar e personalizar o seu próprio robô de brinquedo antes de tê-lo enviado a você por um preço fixo.

Ok, então você não tem que comprar o robô para obter um pontapé fora dele - mas se você gastar o tempo que eu fiz tentando fazer algo que lembra vagamente um Robobrain do Cair série, então você gostaria de ter. Não se esqueça de conferir as criações de toda a gente também!Despertar o seu interesse com estas Wikis em mundos 4 de ficção pós-apocalípticoDespertar o seu interesse com estas Wikis em mundos 4 de ficção pós-apocalípticoAlguma vez você já saltou sobre o wiki do seu show ou livro favorito da série, e depois caiu em um túnel do tempo saturado de conteúdo? Você sabe do que estou falando - algo parecido TVTropes clássicos buraco negro ....consulte Mais informação

FastKat 2

Google Chrome Experiments web
Outra “evitar os obstáculos com seu mouse” tipo de jogo, exceto este é uma sequela ao do FastKat original de Omiod, um jogo HTML5 bastante popular você já deve ter jogado. A sequela é mais rápido, mais difícil e muito viciante, de fato.

Só não começar a jogar quando você tem trabalho a fazer ...

Livecodelab

Google Chrome Experiments web
A experiência final apresentado aqui (de centenas, era escolha dura apenas 8) é bastante especial, pois permite que você manipule objetos WebGL usando o código on-the-fly. Bem como um conjunto de demos para maravilharmos com e jogar com, há uma série de tutoriais para ajudá-lo a aprender algumas WebGL.

Eu não sou um programador (eu sou terrível em lembrar palavras deixe só funciona), mas mesmo eu achei atraente e ligeiramente capacitar para manipular e mexer com WebGL com um ótimo tutorial para segurar minha mão. Se você estiver interessado em dar esse tipo de coisa um ir, mas não têm idéia de como fazer isso, então este é um ótimo lugar para começar.

Conclusão

O site Experimentos Chrome é apenas uma plataforma para os artistas e programadores para apresentar suas criações para, mas serve a um grande propósito - para destacar o talento e ajudar a ensinar outras das possibilidades de novas tecnologias web. Há mesmo Chrome Experiments que trabalhar no seu telemóvel!


Artigos relacionados