¿Grandes motores de animación para Javascript? - Javascript/Animaciones

Question

Estoy tratando de implementar una animación basada en la línea de tiempo, en donde animaciones podrán ser:

• detuvo
• reanudó
• avanza rápidamente
• ralentizó
• invertido
• ...

¿Hay motores de animación/interpolación para Javascript que podrían utilizarse para tal fin? ¿O eso sería muy recomendable?

---

Hwlp sería genial, ¡especialmente porque realmente me interesa! =)

Answer 1

Creo que todos estos marcos se hacer eso por usted (inverso no es compatible con todos ellos veo):

• jQuery: http://api.jquery.com/animate/
• $ fx: http://fx.inetcat.com/manuals.php
• Scriptaculous: http://wiki.github.com/madrobby/scriptaculous/
• Yahoo! Biblioteca de la interfaz de usuario: http://developer.yahoo.com/yui/3/api/module_anim.html

Prefiero jQuery.

Answer 2

Trate de usar interfaz de usuario de Yahoo:

http://developer.yahoo.com/yui/3/examples/

mirada a la sección de Animación.

Answer 3

Usted puede echar un vistazo a jQuery animar a

http://www.visualjquery.com/

en el campo de búsqueda de escritura "animar" haga clic sobre el tema y verá algunos ejemplos allí.

Answer 4

No creo que exista lo que está buscando, debe escribirlo usted mismo.

También creo que Adobe está presentando un conjunto de herramientas para animaciones JS/HTML/CSS, puede verificar su presentación en Google IO.

Answer 5

No sé si usted todavía está interesado, pero estoy buscando lo mismo que usted (créame, estoy buscando HORAS y horas), y no sé si realmente encontré lo que estaba buscando Lo más cercano es jsAnim (http://jsanim.com) y está funcionando bien por ahora. Hice una lista de lo que encontré en la red:

(Los comentarios son muy poco frecuentes y las pruebas se realizaron muy rápidamente. Por favor, tómenlo con unas pinzas.)

• jsAnim: sintaxis es muy fácil centrarse en la animación y no en la arquitectura de objetos (ver YUI) (que es grande ... para los ingenieros ...). Las opciones de simplificación no son impresionantes, pero son agradables. En general, funciona bien.
• Scripty2 (former Script.aculo.us): No se ha probado que requiera un prototipo.
• moo.fx: No se ha probado que requiera prototipos o mootools.
• YUI 2/3 Animación: Funcionó bien, pero su código de ingeniero tiene una gran curva de aprendizaje para una animación frontal informal.
• $ fx(): Tiene un tamaño muy pequeño (¡solo 3 KB!). Sería la elección si solo tuviese alivio.
• Trident-js: Parece tener una línea de tiempo muy potente y se ve muy bien en las demostraciones, pero no funcionó para mí y su documentación delgada no ayuda mucho.
• Animator.js: Sintaxis me asustó. También me pareció muy aficionado.
• JSTweener/GX/xAnimation: Eso no llamó mi atención ni siquiera un poco. Me pareció muy aficionado.
• Glimmer GUI para la generación de código jQuery: La instalación no se instaló en mi máquina (error desconocido del instalador).
• Raphael/Burst Engine/Processing.js/Pixastic/Cake-js: Son para lienzo/vectores. Otro tipo de cosas (geniales).
• Spritely: También para otro tipo de cosas: animación de sprites.

Así que el ganador, por ahora y para mis necesidades actuales de animación, es jsAnim. También quiero probar Scripty2 y moo.fx ya que parecen estar disponibles desde hace algún tiempo (ambos de 2005, Scripty2 es la segunda versión de Script.acoulo.us).

Mi 2cents. Espero que ayude a alguien. ¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡Quiero que me hayan quedado mis últimas 8

Answer 6

que sugieren BetweenJS un portage entre navegadores de BetweenAS3 para Javascript, donde todo u solicitó es implementado y listo para usar http://github.com/sazaam/BetweenJS/

Answer 7

Para un conjunto completo de características, echa un vistazo a KUTE.js. Cuenta con propiedades de transformación, modelo de cuadro, desplazamiento, atributos de presentación, mapeo SVG, extracción SVG, colecciones de interpolación, pausa y un montón de funciones de relajación.