Penner's easing equations, in JavaScript
npm install pennerA library for Penner's easing equations
See http://upshots.org/actionscript/jsas-understanding-easing
``js`
var t = 0, // current time (ms, s, frames, ...)
b = 10, // initial value
c = 100, // change in value (final value - initial value)
d = 2 // duration (same units as t)
value = penner.easeOutQuad(t, b, c, d);
linear easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce
| | |
|-----------------------|---------------|
| Raw | 7880 bytes |
| Uglified | 3200 bytes |
| Uglified + gzipped | 865 bytes |
Any browser (as window.penner`), AMD, CommonJS, NodeJS