Pagina inicial » Codificação » 15 (mais) inspirando experiências HTML5

    15 (mais) inspirando experiências HTML5

    A menos que você tenha vivido sob uma rocha, você já ouviu falar sobre o HTML5. Está em todo lugar agora, graças à promoção da Apple CEO ex-CEO Steve Jobs e alguns desenvolvedores que acreditam que o HTML5 pode assumir o Flash.

    Bem, na verdade, não vemos esta situação ainda, mas o HTML5 é realmente mágico em referência às suas capacidades de vídeo, ilustração de tela e animação que funcionam muito bem e suavemente. O fato é que é tão promissor que os projetos estão surgindo em todos os lugares que foram feitos para testar os limites do HTML5.

    Acredite ou não no seu poder, nós mostraremos a você 15 experimentos esclarecedores que fazem o melhor uso do HTML5, e adivinhe, você pode experimentar a gravidade, a animação baseada em música e a renderização de criaturas que simplesmente funcionam como criaturas! Divirta-se com eles e opa, eles são mais bem servidos com a versão mais recente do Mozilla Firefox e Google Chrome.

    Apenas para o caso de você não estar satisfeito com essa diversão em HTML5, temos mais para você!

    • HTML5: 48 demonstrações de potencial Flash-Killing
    • HTML5: 19 aplicativos da Web em potencial

    Ciclo de Lona

    Um esforço colaborativo entre o artista Mark Ferrari e o codificador Joseph Huckaby, esta é uma maravilhosa coleção de cenas da natureza em movimento, como florestas no inverno, marinhas e montanhas tempestuosas. Eles são relaxantes para olhar e realmente impressionantes, com sons anexados às imagens. Se você quiser um pouco de tempo para relaxar do trabalho, você pode passar por essas fotos e sentir sua tensão apenas se desfazer.

    Google Gravity

    Outro pelo incrível Mr Doob, este é menos interativo do que o primeiro, mas ainda assim legal. Ele fornece uma cópia básica da página de pesquisa principal do Google. Mas quando você aponta o cursor, toda a página começa a "cair" até que todos caiam na parte inferior. O logotipo do Google funciona como um link ativo que atualiza a página. Um bom jogo para aquelas grandes empresas que odeiam o Google, pode ser.

    Árvores de lona

    Feito por Kenneth Jorgenson, este pode ser o único lugar em que você pode ver a frase "Refresh for more delicious trees :)". É exatamente o que diz: você clica no site e leva você a um fundo branco. Um desenho de tinta preta de uma árvore começará a 'crescer', contando com quantas ramificações estão em andamento. Você pode atualizar para ver quantas vezes quiser.

    Magnético

    Este é outro divertido e viciante para você aproveitar. Você basicamente começa com um par de "ímãs" que podem ser arrastados pela tela. Partículas de luz orbitam em torno delas e, se você mudar de posição, pode mudar as formas que elas criam. Se você quiser mais ímãs e partículas, basta clicar duas vezes e arrastá-las para onde quiser. Sim, é tudo sobre ímãs e física!

    Gráfico de ganhos de celebridades

    Quer ver uma representação visual de quanto as celebridades de televisão ganham por episódio? Este é um pequeno gráfico legal que mostra pilhas de barras de cores que representam o quanto uma celebridade específica faz por gravação de um programa de televisão (ou feita, em casos como Charlie Sheen). Foi feito como um dos muitos projetos e experimentos de Daniel Rapp.

    Fita de lona

    Paul Truong fez este aplicativo interessante que permite pintar usando uma fita multicolorida em constante movimento na tela. Faz formas e desenhos, e o efeito é bastante bonito. Tudo que você precisa fazer é arrastá-lo pela tela, falando sobre simplicidade eh.

    WebGL Water

    Aqui vem uma demonstração legal usando o revolucionário WebGL (Web-based Graphics Library), que é melhor servido com o Google Chrome. Com a demonstração, você pode desenhar na água para fazer ondulações ou arrastar a esfera para movê-la e pressionar algumas teclas do teclado para definir a direção da luz e alternar a gravidade, tudo para testemunhar como o objeto movido interage com o ambiente, assustadoramente realista.

    Chrysaora

    No entanto, outra demo impressionante aplica a magia do WebGL, que você pode ver um grupo de águas-vivas extremamente bonitas e, o mais importante, animadas movendo-se na água, irradiadas pelo raio de luz solar dos sonhos. Testemunhe o período em que o HTML5 e o WebGL dão vida à Web, melhor visualizados com o Google Chrome.

    Chuva voxel

    A chuva de voxel significa caixas 3D multicoloridas que desce para formar um grande bloco giratório. É como mostrar as possibilidades do computador na década de 1990, e agora se trata de navegador da web, utilizando o poder do HTML5, a era mais brilhante da internet não é mais longe.

    Efeitos de texto em HTML5

    Muitas vezes, o web designer imagina quantas possibilidades o HTML5 realmente pode nos ajudar a avançar na tipografia da web, e essa demonstração dá a você a resposta, mais do que nunca! Você pode optar por testemunhar o efeito estereoscópico, o efeito neon ou até mesmo o efeito neon, o futuro da tipografia na web está na mão do HTML5.

    Logotipo do HTML5

    Eu não consigo segurar a glória do HTML5, ele está girando, está girando ... é legal.

    Esboçando em 3D

    Entediado de serviço de desenho 2D baseado em HTML5? Veja isso. Simplesmente desenhe uma linha, pressione Space e arraste para a esquerda ou para a direita, e você verá o desenho girando na perspectiva 3D. O esboço 3D não é mais complicado com o HTML5.

    mta.me Maestro

    O Mta.me Conductor inspira você gerando pontos que se moverão continuamente para formar linhas, e quando as linhas “colidir” um para o outro, eles desencadearão alguma interação. Tudo para provar que o HTML5 não é apenas sobre código, mas sobre interação, e é para isso que os usuários da Web realmente se importam.

    Doogle Gmail

    Um tipo de jogo de tiro interessante, mas o herói é o Gmail, liberte-o dos males! Assim como o jogo de tiro clássico, você tem a vida, pontuação e o raio laser todo-poderoso. Provavelmente, uma das possíveis demonstrações para mostrar os recursos do HTML5 como um jogo. Cuidado, Flash.

    W Pilot

    Este é um jogo tão viciante que deveria ser ilegal. Sério, depois de entrar em um dos seus servidores, você vai querer jogar por horas. Você está basicamente voando em torno de filmar coisas, evitando ser baleado por outros jogadores. É simples e divertido de jogar, e o fato de permitir uma experiência multiplayer é uma vantagem séria que o coloca acima dos jogos em Flash que são tão populares agora.