Подскажите, как изменить значение параметра, используя easing
-функции. К примеру, для перемещения объекта. Перед началом перемещения я сохраняю такие данные:
Время анимации
Дистанция, которую нужно пройти
Расстояние одного шага (дистанция / время)
Количество шагов
Направление перемещения
Затем для линейного перемещения я в таймере перемещаю объект в нужном направлении на расстояние одного шага.
Для использования easing
-функции я рассчитываю дополнительный параметр [0..1]
, который содержит процентное отношение пройденного пути к общей дистанции, и затем передаю этот параметр в функцию. Сама функция - InOutQuad
- выглядит так:
x < 0.5 ? 2 * x * x : -1 + (4 - 2 * x) * x
В результате возвращаемое функцией значение я умножаю на длину одного шага, - думаю, что по логике это коэффициент, который изменяет размер шага так, чтобы общая пройденная дистанция из суммы всех шагов осталась неизменной. То есть, в начале пути объект двигается медленно, а в середине компенсирует это более быстрым перемещением.
Объект не доходит даже до середины пути и останавливается. Что я делаю не так?
Привожу свой код:
t = stepNum / animTime;
easing = t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
object.move(angle, stepDist * easing);
stepNum++;
Функция move()
перемещает объект на заданное расстояние в заданном направлении. Я сам пока склоняюсь ко мнению, что такой метод перемещения конфликтует с идеей eeasing
-функции, где, насколько я понял, перед началом анимации должно сохраняться начальное значение параметра, и потом каждый шаг анимации к нему должно прибавляться значение dist * easing
. То есть, общая дистанция, умноженная на возвращенное значение.
Если так, подскажите, как можно подстроить эту функцию под такой метод перемещения.
дополнительный параметр [0..1]
...я умножаю на длину одного шага
то есть вы замедляете объект – tym32167 17 сен '20 в 18:36возвращаемое функцией значение я умножаю на длину одного шага,
- код покажите – MBo 17 сен '20 в 19:05