Animação em javascript, um ponto de partida

Question

Eu entendo como o JS é executado e acho que entendo a maior parte do DOM, mas não tenho ideia sobre animação.Alguém aqui conhece um bom guia que possa me explicar como isso é feito em Javascript?

Além disso, devo considerar Javascript para animação?Em vez disso, deveria procurar aprender flash?

Answer 1

Evite flash, é um requisito horrível, não rastreável pelo Google, não suportado por vários navegadores e sistemas (por exemplo, iPhone) e o mais importante:força você a reinventar os padrões da web (por exemplo,barras de rolagem e outros enfeites), Javascript, por outro lado, é mais fácil de manter e codificar no caso noscript.

tentar escriturário para suas animações;

• Aqui está um tutorial rápido de 3 linhas para que você possa vê-lo funcionando
• aqui está um tutorial mais completo
• aqui está o wiki scriptaculous

observe que existem zilhões de bibliotecas de animação JS, algumas realmente boas jQuery vem à mente.Geralmente eles são apenas uma tag de script e um evento onclick para configuração.

Boa sorte!

/mp

Answer 2

se sua animação for simples, mude as cores ao longo do tempo, passe de x para y em 3 segundos.Javascript está bem.Se você deseja todos os tipos de botões wizbang e rotação coordenada da tela, js + dhtml direto será, na melhor das hipóteses, desajeitado.Silverlight vs Flash, você tem dúvidas nesse ponto.Curiosamente, você programa o Silverlight com javascript, e esse seria o principal benefício de simplesmente atualizar para um DOM mais rápido e dinâmico que é implementado no Silverlight, mas ainda escreve o mesmo código.A programabilidade do Flash é muito limitada na minha experiência, você pode fazer qualquer coisa, mas será lento e exigirá milhares de linhas de código para chegar lá.Para animações JS simples, consulte jQuery ou Scriptaculous.

Answer 3

Confira uma estrutura de animação JS como a de Bernard Sumption Animador.js.É bastante leve e tem alguns exemplos excelentes.

Pessoalmente, eu não animaria coisas em JS.Flash FTW.

Answer 4

Se você não está preocupado com o suporte do IE, você também pode tentar experimentar o elemento canvas:

REDE DE DESENVOLVEDORES MOZILLA Animações básicas