Animación en javascript, un punto de partida

Question

Entiendo cómo se ejecuta JS y creo que entiendo la mayor parte del DOM, pero no tengo idea de animación.¿Alguien aquí conoce una buena guía que pueda explicarme cómo se hace en Javascript?

Además, ¿debería siquiera considerar Javascript para la animación?¿Debería, en cambio, buscar aprender sobre flash?

Answer 1

Evite el flash, es un requisito horrible, que Google no puede rastrear, que no es compatible con muchos navegadores y sistemas (por ejemplo, iPhone) y, lo más importante:Te obliga a reinventar los estándares web (p. ej.barras de desplazamiento y todo eso), Javascript, por otro lado, es más fácil de mantener y codificar en el caso de noscript.

intentar guionista para tus animaciones;

• Aquí hay un tutorial de 3 líneas rápidos para que pueda verlo funcionando
• aquí tienes un tutorial más completo
• aquí está la wiki scriptaculous

tenga en cuenta que hay millones de bibliotecas de animación JS, algunas realmente buenas jQuery me viene a la mente.Por lo general, son solo una etiqueta de secuencia de comandos y un evento onclick para configurar.

¡Buena suerte!

/mp

Answer 2

Si tu animación es simple, cambia los colores con el tiempo, pasa de x a y en 3 segundos.Javascript está bien.Si desea todo tipo de botones wizbang y rotación coordinada de la pantalla, js + dhtml será, en el mejor de los casos, complicado.Silverlight vs Flash son tus preguntas en ese momento.Curiosamente, usted programa Silverlight con javascript, y ese sería el mayor beneficio de simplemente actualizar a un DOM más rápido y dinámico que se implemente en Silverlight pero aún escribiendo el mismo código.En mi experiencia, la programabilidad de Flash es muy limitada; puedes hacer cualquier cosa, pero será lento y necesitarás miles de líneas de código para llegar allí.Para animaciones JS simples, consulte jQuery o Scriptaculous.

Answer 3

Echa un vistazo a un marco de animación JS como el de Bernard Sumption animador.js.Es bastante liviano y tiene algunos ejemplos excelentes.

Personalmente, no estaría animando cosas en JS.Flash FTW.

Answer 4

Si no le preocupa la compatibilidad con IE, también puede intentar experimentar con el elemento lienzo:

RED DE DESARROLLADORES DE MOZILLA animaciones basicas