Как создать плавную анимацию, которая облегчает цель

Question

Как я могу создать плавную анимацию, которая снимается в сторону цели, когда она меняет положение?

Как показывает этот jsfiddle, анимация останавливается или блокируется во время 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/