如何創建一個可以輕鬆移向目標的平滑動畫

Question

如何創建一個平滑的動畫，以便在改變位置時輕鬆向目標移動？

As this jsFiddle shows，動畫停止或在moveTarget()期間被阻止，而不是繼續朝向新的目標座標。

什麼是實現預期效果的理想實現/結構？

Answer 1

好的，在這裏回答我自己的問題，以防其他人有這個問題。

而不是計算change（change = finish - begin）每次moveTarget()火災，它不斷計算在onEnterFrame()。所以moveTarget()只負責獲得新的X和Y位置。

這樣可以使值向目標方向緩解。

我也永久緩和功能的時間值設置爲始終爲1：

easeIn(1, begin, change, duration);

的例子答案是本次修訂的jsfiddle：http://jsfiddle.net/dannygarcia/LqP2R/45/