Demonstração do site em HTML5 48 demonstrações em potencial de matança de Flash

Então você ouviu todos os rumores sobre o HTML5 assumir o Adobe Flash. Enquanto a maioria da comunidade web argumenta que é possível ou não, você deve estar vagando pelo que torna o HTML5 tão poderoso que até mesmo a empresa gigante Apple quer usá-lo para substituir o Flash..

É por isso que esse post existe, não vamos falar sobre o que o HTML5 pode fazer, mas mostrar demonstrações ao vivo de coisas mágicas que o HTML5 pode alcançar com outra linguagem como JavaScript, então prepare-se para se inspirar.

Observação: como o HTML5 não é totalmente suportado por determinados navegadores da Web, como o Internet Explorer, é altamente recomendável usar o navegador Firefox para visualizar todas as demonstrações de HTML5 abaixo.

Animação

O elemento de tela do HTML5 é o fator decisivo para o HTML5 substituir certas animações em Flash. Ele permite que você crie renderizações dinâmicas e de script de formas 2D e imagens de bitmap com Javascript, que por outro meio é, animação controlável.

Animação de Audioburst

Uma animação confortável e fantástica criada com tela de HTML5 e tag de áudio.

Piscina de bolinhas

Sendo exibido no último evento do Google I / O, esta demonstração mostra o quão dinâmico pode ser o HTML5.

Blob Sallad

Uma criatura gerada por HTML5 que agrada a você.

Bomomo

Com Bomomo, você pode observar diferentes movimentos atômicos simulados com HTML5.

Bola do navegador

Surpreenda-se com esta bola HTML5 "cross-browser".

Bolhas

Divirta-se criando infinitas bolhas flutuantes com cores diferentes.

Animação de desenhos animados de lona

Um simples e divertido desenho HTML5 que ajuda você a entender o que o elemento de tela do HTML5 pode fazer.

Coolclock

Um bom relógio analógico personalizável construído por HTML5 e JavaScript.

Flickr PS3 Slideshow

Veja as fotos do seu Flickr com o slideshow no estilo PS3 no navegador da web.

Polaroid Interativo

Uma demonstração interativa que funciona bem parecida com a interface multi touch.

Fogos de artifício JS

Aproveite o momento de fogos de artifício com sua gravidade e velocidade preferidas, com tecnologia HTML5 e Javascript.

Caleidoscópio

Um caleidoscópio HTML5 muito bonito e futurista.

Partículas Líquidas

Animação de partículas sensíveis que reage com base no movimento do mouse.

Mesmerizador

Outra demonstração HTML5 sensível e excelente que mostra como os elementos próximos reagem com o movimento do mouse.

Nuvem nebulosa

Perca-se com esta maravilhosa nebulosa HTML5.

Paralaxe

Ver todas as formas 2D na perspectiva paralela.

Animação de Partículas

Uma elegante animação de partículas HTML5 que pode formar sua mensagem preferida.

Espalhar

Perca-se com essa animação infinita de propagação.

Starfield

Uma animação starfield HTML5 muito legal que mudaria de direção e velocidade com base no movimento do mouse.

Destruição de Vídeo

Um clique para fazer um video.

Forma de onda

Observe como a onda de tela do HTML5 se move alterando sua amplitude, comprimento de onda, largura, etc..

Efeito 3D

Impressionado pela animação de tela? Isso é mais elemento de tela do HTML5 pode fazer, e é chamado efeito 3D. O desenvolvedor pode confiar no elemento canvas, no DOM e no JavaScript para criar um efeito 3D, que posteriormente pode ser desenvolvido em animação 3D ou jogo.

Canvas3D e Flickr

Tenha uma nova experiência 3D com o photostream do Flickr.

Simulação de pano

Uma simulação de pano realista baseada em HTML5.

Monstro em evolução

Observe um monstro evoluindo para uma criatura complicada, um de seus criadores é o HTML5.

Google Giftbox

Motor de busca gigante Google é apresentado em 3D, vista jogável.

JS Touch

Uma vitrine de alta qualidade e realista '3D on 2D Canvas'.

Apresentação de dados

Enquanto o elemento canvas do HTML5 pode ser usado para criar animações e efeitos 3D, ele também pode ser implementado para apresentar dados matemáticos.

Gnuplot

Gnuplot, um aplicativo de plotagem de dados na versão HTML5.

RGraph

O RGraph fornece uma ampla variedade de apresentações de dados, como gráfico de barras, barra de progresso e gráfico de radar tradicional..

Aplicação Web

Por fim, usando todas as possibilidades combinadas pelo HTML5 e outro langauge, é possível criar um aplicativo ou jogo interativo próximo ao aplicativo Flash.

CanvasPaint

Testemunhe que o irmão do Microsoft Paint entra em seu navegador da Web e seu pai é HTML5.

CanvasMol

Uma aplicação científica que é construída para ajudá-lo a entender a estrutura de certos elementos da terra.

Construtor de desenhos animados

Desenhe uma interessante imagem de desenho animado com este criador de desenhos animados minimal e interativo.

Arraste qualquer coisa aqui

Arraste tudo o que você pode arrastar na demonstração para mostrar detalhes.

Esboço Gartic

Um aplicativo HTML5 original que permite fazer alguns desenhos básicos que podem ser salvos em diferentes formatos de imagem, como jpeg ou png.

PhysicSketch

Desenhe o que quiser e veja como eles reagem com a gravidade simulada.

Bloco de notas

Um poderoso aplicativo de desenho HTML5 que permite desenhar e editar sua imagem de maneira precisa.

Conversa fiada

Um aplicativo da web que confirma a posição geográfica da mensagem relacionada ao clima adquirida do Twitter, formando-a em um mapa de "clima social" baseado em tela, bastante trivial (como declarado pelo autor), mas interessante.

jogos

3Bored

Você nunca ficaria entediado se conseguisse escapar de centenas de marcadores HTML5 no próximo segundo.

Saia

Rebote a bola para quebrar todos os tijolos.

Canvascape

Não é bem um jogo, mas demonstra como o HTML5 pode ser usado para desenvolver o jogo de navegação de tiro em primeira pessoa..

Apanha isto

Quantas bolas você pode esquivar para obter seu quadrado HTML5 vencedor??

Reação em cadeia

Encadeie a explosão para alcançar o objetivo, não fique viciado.

Cubeout

Jogar Tetris em 3D, vista de cima para baixo.

etchaPhysics

Desenhe um item para mover a bola para a estrela, não se esqueça da gravidade.

Quebra-cabeça

Clique, gire e solte as peças do quebra-cabeça para resolver esse quebra-cabeça baseado em HTML5.

Enigma da corrediça

Deslize para a vitória, outro jogo HTML5 que é construído para espremer seu suco mental.

Mesmo jogo

Remover determinado grupo para obter outro grupo emparelhado na mesma cor e você acabaria por receber uma vitória.

Tetris

Um dos jogos mais clássicos trazidos de volta à vida por HTML5.

Toro

Ainda outro jogo de Tetris na versão pseudo-3D.

Conclusão

Qual é a limitação do HTML5? Neste ponto, não podemos decidir, mas com o impressionante vídeo abaixo podemos saber até onde o HTML5 foi enviado:

Sim, é o Quake II no navegador da Web, por isso agora é muito claro que, com o HTML5, mais aplicativos da Web inovadores nasceriam para atender bilhões de usuários da Internet. É rápido, está evoluindo e está mudando a world wide web. A questão é: como você usaria esse HTML5 que muda o jogo??

Nós gostamos de ouvir sua ideia!