ItsEvilTime
@ItsEvilTime
Сайленсер не дает мне покоя

Как преобразовать функцию в easeOut?

Читаю статьи по анимации, с функциями вида easeIn - разобрался и все работает, а для easeOut даже простейшее замедление написать не получается.

Есть такая функция easeIn:
Math.pow(progress,3)
,где progress - число, меняющееся постепенно от 0 до 1. Т.е. сейчас анимация медленно начинается и быстро заканчивается.

Вопрос: как для этой функции написать easeOut, чтобы анимация быстро начиналась и медленно заканчивалась?

P.S. Я пробовал следующими способами:
1)
1 - Math.pow(progress,3)
В таком случае анимация просто идет с конца на начало, что совсем не то

2) В статье написано сделать так:
timingEaseOut(timeFraction) = 1 - timing(1 - timeFraction)

Т.е. как я понял, для моего случая это так:
1 - Math.pow(progress, 3) * (1 - progress)
Но значит я неправильно понял, потому что анимация получается с конца и до середины.
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
hahenty
@hahenty
('•')
Math.pow(progress,1/3)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы