Propaganda
o Experiências do Chrome o site é uma vitrine para todas as coisas novas e empolgantes quando se trata de tecnologias da web e avanços do navegador, com foco em JavaScript. HTML5 10 sites para ver o que é HTML5 consulte Mais informação , canvas, SVG e o mecanismo 3D WebGL, todos aparecem com destaque em pequenas faíscas de criatividade que estão abrindo o caminho para uma Internet mais bonita e interativa.
Uma das melhores coisas sobre os experimentos do Chrome é que o site incentiva a aprendizagem 4 palestras TED imperdíveis sobre criatividade, inspiração e paixãoCriatividade. Inspiração. Paixão. Todos esses são conceitos dos quais estamos bem cientes, mas muitos de nós não conseguem identificar com precisão sua origem. De onde vem a criatividade? O que é isso que causa um ... consulte Mais informação ao lado da descoberta, então, depois de brincar com um projeto, há uma boa chance de você aprender um pouco sobre como ele é feito - e, em alguns casos, experimente você mesmo.
Existem centenas de brinquedos para brincar no site de experimentos do Chrome e, para você começar, aqui estão alguns dos melhores.
Requisitos do navegador
Como este é um site focado no Chrome administrado pelo Google, todos os experimentos devem funcionar em seu navegador Chrome. Isso significa que você deve ter poucos problemas para executar qualquer um deles se fizer o download ou atualizar para o última versão estável do Chrome, embora outros navegadores modernos também devam funcionar.
Só não tente fazer nada disso IE6 Se ainda estiver usando o IE6, você é um problema [Opinião]O IE6 foi o melhor dos melhores quando saiu da fábrica de software da Microsoft. Por causa disso, foi capaz de atingir o recorde de 95% de participação no mercado de navegadores no auge de ... consulte Mais informação , Certo?
Essas nuvens não são 3D verdadeiras - como autor Jaume Sanchez aponta - mas imagine se o seu site ou mesmo o fundo da área de trabalho gerasse nuvens bonitas, semelhantes a 3D, usando nada além de CSS e um pouco de JavaScript. Bem, evidentemente não estamos muito longe dessa fase, como mostra esta demonstração.
O site de Jaume está cheio de outros experimentos 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, pode ler tudo sobre isso aqui.
Mais divertido do que funcional, este torno movido a WebGL da Einar Öberg usa a barra de espaço e o ponteiro do mouse para recriar a arte de girar madeira, metal e pedra com a mão. Einar construiu a demonstração para mostrar um shader procedural simples, mas também adicionou alguns sons para autenticidade.
Embora não seja um tutorial completo, você pode aprender um pouco mais sobre como isso foi feito em o blog do autor.
Um experimento envolvendo efeitos de partículas e o mecanismo WebGL, Edouard Coulon criou algo realmente lindo que você pode manipular com o mouse e a barra de espaço. Clique para atrair as partículas para o centro da tela e, em seguida, pressione a barra de espaço para vê-las disparar para fora novamente!
Infelizmente, não há nenhum tutorial para este, embora eu recomende tentar o modo de um milhão de partículas se o seu computador puder lidar com isso. Adicione um projetor e uma sala escura para diversão sem fim!
Feito por AlteredQualia que também escreveu o incrível Roma filme interativo (que também foi apresentado no Chrome Experiments), WebGL cars é um brinquedo 3D que permite controlar um Bugatti Veyron e Lamborghini Gallardo de vários ângulos de câmera.
Uma coisa que é particularmente interessante sobre isso é a demonstração de desfoque de movimento, profundidade de campo e diferentes condições de iluminação. Ok, e a criança em mim adora brincar com carrinhos de brinquedo - o que posso dizer?
Este é um daqueles jogos de reação em que o objetivo é mover o alvo com o mouse (ou, neste caso, o teclado também) para evitar obstáculos que se aproximam - exceto que é melhor do que o resto porque este envolve um X-Wing e o que parece ser uma trincheira saindo de Star Guerras.
O autor que atende pelo nome de OutsideOfSociety tem muito mais experimentos WebGL em andamento em seu local na rede Internet.
Um front-end de e-commerce totalmente funcional, My Robot Nation aproveita o poder do WebGL para permitir que você projete, pinte e personalize seu próprio robô de brinquedo antes de enviá-lo para um conjunto preço.
Ok, então você não precisa comprar o robô para se divertir com ele - mas se você gastar tanto tempo como eu tentei fazer algo que lembra vagamente um Robobrain do Cair Desperte seu interesse com esses wikis em 4 mundos fictícios pós-apocalípticosVocê já acessou o wiki de seu programa ou série de livros favorito e caiu em um túnel do tempo saturado de conteúdo? Você sabe do que estou falando - algo como aquele clássico buraco negro de TVTropes ... consulte Mais informação série então você gostaria de ter. Não se esqueça de verificar as criações de todos os outros também!
Outro jogo do tipo “evite os obstáculos com o mouse”, exceto que este é uma continuação do original FastKat por Omiod, um jogo HTML5 bastante popular que você já deve ter jogado. A sequência é mais rápida, mais difícil e muito viciante.
Só não comece a jogar quando você tiver trabalho a fazer ...
O experimento final apresentado aqui (de centenas, foi difícil escolher apenas 8) é bastante especial, pois permite manipular objetos WebGL usando código em tempo real. Além de um conjunto de demonstrações para admirar e brincar, há uma série de tutoriais para ajudá-lo a aprender um pouco do WebGL.
Não sou um programador (sou péssimo em lembrar palavras, muito menos funções), mas até eu achei envolvente e um pouco empoderador para manipular e mexer no WebGL com um ótimo tutorial para segurar meu mão. Se você está interessado em experimentar esse tipo de coisa, mas não tem ideia de como fazê-lo, então este é um ótimo lugar para começar.
Conclusão
O site de experimentos do Chrome é apenas uma plataforma para artistas e programadores enviarem suas criações, mas serve a um grande propósito - destacar talentos e ajudar a ensinar outras pessoas sobre as possibilidades das novas tecnologias da web. Existem até Experimentos do Chrome que funcionam no seu celular!
Tim é um escritor freelance que mora em Melbourne, Austrália. Você pode segui-lo no Twitter.
