Grandi motori di animazione per Javascript? - Javascript/animazioni

Question

Sto cercando di implementare un'animazione basata timeline, dove le animazioni saranno in grado di essere:

• pausa
• riprende
• veloce inoltrato
• rallentato
• invertito
• ...

Esistono motori di animazione/interpolazione per Javascript che potrebbero essere utilizzati a tale scopo? O sarebbe altamente raccomandato?

---

Hwlp sarebbe fantastico, soprattutto perché questo mi interessa davvero! =)

Answer 1

penso che tutti questi quadri sarà farlo per voi (inverso non è supportato da tutti li vedo):

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

Preferisco jQuery.

Answer 2

Provare a utilizzare Yahoo UI:

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

Guardate la sezione Animazione.

Answer 3

È possibile dare un'occhiata a jQuery animare a

http://www.visualjquery.com/

nel campo di ricerca di scrittura "animare" click sulla voce e vedrete alcuni esempi lì.

Answer 4

Non penso che quello che stai cercando esista, dovresti scriverlo tu stesso.

Inoltre, penso che Adobe stia utilizzando una serie di strumenti per animazioni JS/HTML/CSS, è possibile controllare la loro presentazione su Google IO.

Answer 5

Non so se sei ancora interessato, ma sto cercando lo stesso di te (credimi, sto cercando ORE e ore), e non so se ho trovato davvero quello che stavo cercando. Il più vicino è jsAnim (http://jsanim.com) e per ora funziona bene. Ho fatto un elenco di ciò che ho trovato in rete:

(I commenti sono molto poco appariscenti e il test è stato eseguito molto rapidamente. Si prega di prenderlo con una pinzetta.)

• jsAnim: sintassi è molto facile mettere a fuoco l'animazione e non sull'architettura oggetto (vedi YUI) (che è grande ... per gli ingegneri ...). Le opzioni di Easing non sono eccezionali, ma sono belle. Nel complesso, funziona bene.
• Scripty2 (precedente Script.aculo.us): Non testato per richiedere Prototipo.
• moo.fx: Non testato per richiedere Prototipo o mootools.
• YUI 2/3 Animazione: Funzionava bene, ma il codice tecnico ha una curva di apprendimento elevata per un'animazione front-end casuale.
• $ fx(): Ha un ingombro estremamente ridotto (solo 3 KB!). Sarebbe la scelta se solo si fosse allentato.
• Trident-js: Sembra avere una linea temporale molto potente e ha un bell'aspetto nelle demo, ma non ha funzionato affatto per me e la sua documentazione skinny non aiuta molto.
• Animator.js: La sintassi mi ha spaventato. Sembrava anche molto dilettante per me.
• JSTweener/GX/xAnimazione: Quelli non hanno catturato la mia attenzione neanche un po '. Sembrava molto amatoriale per me.
• GUI glimmer per generazione codice jQuery: L'installazione non è stata installata sul mio computer (errore sconosciuto dell'installatore).
• Raphael/Burst Engine/Processing.js/Pixastic/Cake-js: Sono per tela/vettori. Un altro tipo di (figo) materiale.
• Spritely: Anche per un altro tipo di cose: animazione sprite.

Così il vincitore, per ora e per le mie esigenze di animazione in corso, è jsAnim. Voglio anche provare a Scripty2 e moo.fx poiché sembrano essere in giro per qualche tempo (sia dal 2005, Scripty2 è la seconda versione di Script.acoulo.us).

I miei 2cents. Spero che aiuti qualcuno. Ora Dio voglio le mie ultime 8 ore indietro !!!

Answer 6

suggerisco BetweenJS un portage cross-browser di BetweenAS3 per Javascript, dove tutto u chiesto è implementata e pronto per l'uso http://github.com/sazaam/BetweenJS/

Answer 7

Per un set di funzionalità completo, controllare KUTE.js. È dotato di trasformazione, proprietà del modello di casella, scorrimento, attributi di presentazione, SVG morph, disegno SVG, raccolte di interpolazioni, pause e una tonnellata di funzioni di andamento.