Animation: jQuery ou Raphael?

Question

Je construis une page qui va animer des objets (image/forme/div) et les faire flotter autour de l'écran. Parfois, il peut y avoir un grand nombre d'objets flottant et interagissant.

Une exigence est d'avoir des données associées à chaque objet, car ils auront chacun un identifiant. Donc, si je clique sur un objet, il peut saisir cet ID, puis référencer un tableau contenant les données sur cet objet. Mon débat est, si je devrais utiliser la fonction $ .animate jQuery ou utiliser Raphael. Je sais que SVG serait agréable à utiliser, mais je ne sais pas si je peux donner à chaque objet et ID, puis afficher une div contenant des données associées onclick. Peut-on cliquer sur les éléments SVG pour référencer les éléments DOM? Dans quelle mesure le SVG fonctionne-t-il avec du texte dynamique? Je suis également préoccupé par la puissance de traitement de l'animation. Y a-t-il un meilleur choix à cet égard?

BTW, je ne parle pas de jQuery SVG ici, juste jQuery normal et DOM.

Si quelqu'un a un aperçu de cela, ou des suggestions, ils seraient grandement appréciés!

Answer 1

A propos des animations rapides jQuery, vous pouvez être intéressé par ceci: http://code.zemanta.com/fry/ruleanimation/

Answer 2

Oui. Tous les objets graphiques sont ajoutés en tant qu'objets DOM.

Une démo: http://raphaeljs.com/github/impact.html

code simple de démonstration qui dessine un cercle, attribue un identifiant, et se fixe un événement onclick:

var paper = Raphael(10, 50, 320, 200); 
// Creates circle at x = 50, y = 40, with radius 10 
var circle = paper.circle(50, 40, 10); 
// Sets the fill attribute of the circle to red (#f00) 
circle.attr("fill", "#f00"); 
// Sets the stroke attribute of the circle to white (#fff) 
circle.attr("stroke", "#fff"); 
//assign circle id="lolcats" 
circle.node.id="lolcats"; 
//onclick alert id 
circle.node.onclick=function(){alert(this.id)}; 

Si vous devez faire le dessin fantaisie vecteur et manipulations, Raphaël serait sois sage. Sinon, vous pourriez aussi bien utiliser ce que vous savez. En outre, vous pouvez utiliser à la fois jQuery et Raphael en même temps. D'après les sons de cela, jQuery devrait être assez pour vos besoins.