Ciclo da lona: Cachoeira da Selva
Esta demonstração impressionante aproveita o elemento de tela HTML5 para imitar a técnica de animação por computador de ciclo de cores que era popular na década de 1990.
Estúdio de Arte do Escritor Fantasma
Esta é uma ótima prova de conceito que ilustra como você pode usar o elemento canvas HTML5 como uma plataforma de desenho interativa.
Bomomo
Bomomo é outro ótimo exemplo de como você pode usar um elemento de tela HTML5 como meio de desenho.
Gráfico 3D
Este belo exemplo renderiza equações geométricas em modelos 3D.
Remixando a realidade
Esta demonstração mostra o poder da API JavaScript WebGL e do elemento canvas; ele sobrepõe objetos 3D em cima de um vídeo. Pode ser assim que a realidade aumentada em páginas da Web pode ser implementada usando código-fonte aberto.
Fotos normais mapeadas
Este experimento demonstra interessantes efeitos de iluminação interativos aplicados a imagens.
Demonstração de animação de partículas de tela HTML5
Este experimento tem configurações variáveis, como o texto que você deseja animar; é um excelente exemplo que mostra como animar programaticamente HTML em um elemento de tela.
Labirinto
Este interessante jogo HTML5 é uma reminiscência dos antigos jogos de plataforma 3D e mostra como as modernas tecnologias da web de código aberto são capazes na animação de gráficos de computador.
Cuidado, porém, que há música de fundo , então abaixe o volume do alto-falante do computador antes de se aventurar no labirinto!
Aceno
Esta demonstração mostra a suavidade da animação que pode ser alcançada quando você desenha no elemento canvas.
Condutor
Esta demonstração interessante transforma o sistema de metrô de NY (chamado MTA) em um instrumento musical de cordas.
Ele obtém os dados em tempo real usando a API pública do MTA e, em seguida, usa JavaScript, SVG desenhado em tela HTML5 e o elemento de áudio HTML5 para os sons. Saiba mais sobre o projeto do maestro aqui.
Destruição de vídeo
Esta é uma prova de conceito que ilustra como você pode manipular programaticamente até mesmo vídeos com o uso do elemento canvas.
Jardim de fotos zen
Esta demonstração mostra a técnica de computação gráfica de ray tracing feita inteiramente usando JavaScript e HTML5. Saiba mais sobre esta demonstração aqui .
A simulação de pano
Este experimento interativo usa o elemento canvas HTML5 para exibir a simulação da física de como o tecido se move. A aplicação para esta demonstração poderia ser em animação 3D.
Hipnotizador
Este experimento interativo anima os movimentos do mouse em uma grade renderizada em um elemento de tela HTML5.
Tela em 3D
Esta animação de computação gráfica em 3D é um exemplo simples, mas impressionante, que ilustra o quão poderoso é o elemento canvas HTML5.
Tela de Água
Esta é uma simulação da física da água da chuva feita em um elemento de tela HTML5.
Você pode ajustar as variáveis físicas da água, como reflexão da luz e taxa de gotas de chuva.
Efeitos de tipografia interativa
Na página de demonstração, passe o mouse sobre os personagens para ver os efeitos de animação possíveis com o uso do elemento canvas e JavaScript.
