Come creare un'animazione fluida che facilita verso il bersaglio

Question

Come posso creare un'animazione fluida che facilita in verso un bersaglio in quanto cambia posizione?

Come illustrato jsFiddle , l'animazione si ferma o si blocca durante moveTarget() invece di continuare verso la nuova coordinate obbiettivo.

Quale sarebbe l'implementazione ideale / struttura per ottenere l'effetto desiderato?

Answer 1

Ok, rispondendo alla mia domanda proprio qui nel caso qualcuno altro ha questo problema.

Invece di calcolare change (change = finish - begin) ogni volta fuochi moveTarget(), viene costantemente calcolato in onEnterFrame(). Così moveTarget() solo responsabile per ottenere il nuovo posizioni X e Y.

In questo modo i valori per facilitare verso il bersaglio.

Ho anche impostare in modo permanente il valore temporale della funzione di andamento per essere sempre 1:

easeIn(1, begin, change, duration);

L'esempio risposta è in questa revisione jsFiddle: http://jsfiddle.net/dannygarcia/LqP2R/45/