Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Mathematical formulas for easing functions (ElasticEase, CircleEase, BounceEase, BackEase, PowerEase)?

Tags:

math

wpf

I can figure out the formulas for all polynomial functions, like e.g. the formula for QuinticEase is:

(x - 1) ^ 5 + 1

But what are the mathematical formulas for ElasticEase, CircleEase, BounceEase, BackEase, or PowerEase?

They should all be in the range 0..1

like image 489
j00hi Avatar asked Dec 16 '22 14:12

j00hi


2 Answers

see this JavaScript project http://jstween.blogspot.com, at the bottom you'll find the Tween.js file that has needed formulas inside.

like image 92
Eugen Avatar answered May 22 '23 05:05

Eugen


Most formulas can be found on MSDN, if it's not right there check the respective ease's subsite.

For the more complex functions where the reference does not name the function you can use a decompiler like ILSpy to look at the code of the EaseInCore methods on the respective classes.

like image 36
H.B. Avatar answered May 22 '23 05:05

H.B.