Animación: jQuery o Raphael?

Question

Estoy construyendo una página que animará los objetos (imagen/forma/div) y los hará flotar alrededor de la pantalla. A veces puede haber una gran cantidad de objetos flotando e interactuando.

Un requisito es tener datos asociados con cada objeto, ya que cada uno de ellos tendrá una identificación. Entonces, si hago clic en un objeto, puede tomar ese ID, luego hacer referencia a un conjunto que contiene los datos sobre ese objeto.

Mi debate es si debería usar la función jQuery $ .animate o usar Raphael. Sé que SVG sería agradable de usar, pero no estoy seguro si puedo dar cada objeto y su identificación, y luego mostrar un div con datos asociados al hacer clic. ¿Pueden los elementos SVG hacer referencia a los elementos DOM? ¿Qué tan bien funciona SVG con texto dinámico? También me preocupa cuánto poder de procesamiento tomará la animación. ¿Hay una mejor opción en este sentido?

BTW, no estoy hablando de jQuery SVG aquí, solo jQuery normal y DOM.

¡Si alguien tiene alguna idea sobre esto, o sugerencias, sería muy apreciado!

Answer 1

Sobre animaciones jQuery rápidas, puede estar interesado en esto: http://code.zemanta.com/fry/ruleanimation/

Answer 2

Sí. Todos los objetos gráficos se agregan como objetos DOM.

Una demostración: http://raphaeljs.com/github/impact.html

código simple demo que dibuja un círculo, asigna un id, y se inserta un evento 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 lo que necesita hacer de fantasía dibujo vectorial y las manipulaciones, Rafael haría sé bueno. Si no, también podrías usar lo que sabes. Además, puedes usar jQuery y Raphael al mismo tiempo.
Por lo que parece, jQuery debería ser suficiente para sus necesidades.