Читаю статьи по анимации, с функциями вида 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)
Но значит я неправильно понял, потому что анимация получается с конца и до середины.