Comment créer une animation fluide qui facilite vers la cible

Question

Comment puis-je créer une animation fluide qui facilite en direction d'une cible comme il change de position?

Comme le montre jsFiddle , l'animation arrête ou se bloque pendant moveTarget() au lieu de continuer vers la nouvelle les coordonnées cibles.

Quelle serait la mise en œuvre idéale / structure pour obtenir l'effet désiré?

Answer 1

Ok, répondre à ma propre question ici au cas où quelqu'un d'autre a ce problème.

Au lieu de calculer change (change = finish - begin) chaque feu de moveTarget() de temps, il est constamment calculé onEnterFrame(). Donc moveTarget() seul responsable pour obtenir les nouveaux postes X et Y.

Cela permet aux valeurs de la facilité vers la cible.

J'ai également mis en permanence la valeur temporelle de la fonction d'accélération à toujours 1:

easeIn(1, begin, change, duration);

L'exemple réponse est dans cette jsFiddle de révision: http://jsfiddle.net/dannygarcia/LqP2R/45/