Easing Functions Without the Framework Cruft
Want to see pretty graphs? Log in now!
npm install easing
|1||downloads in the last day|
|12||downloads in the last week|
|65||downloads in the last month|
|Last Published By|
|Version||0.0.4 last updated 7 months ago|
|Keywords||easing, animation, tween|
Easing functions simply describe functions that are used for the purpose of easing. Give it an array of arbitrary size and it fills those values.
Load it up
Simply include browser-easing.js and you can require('easing') directly in your client side code.
var x = Easing(11,'cubic'); And there you have it, an array of eleven elements whose value starts at 0 and ends at 1 which are populated with cubic easing values. [ 0, 0.0010000000000000002, 0.008000000000000002, 0.02700000000000001, 0.06400000000000002, 0.125, 0.21600000000000008, 0.3430000000000001, 0.5120000000000001, 0.7290000000000001, 1 ]
Types of Easing
For an array of 42 values that are linear,
For an array of 100 values that are quadratic,
For an array of 42 cubic values,
For an array of 1492 quartic values,
End To End
If we wanted to go from 0 to 1 back to 0 quadratically, simply call
If we want to go from 1 to 0 (or 1 to 0 back to 1) instead of 0 to 1, say 'linear' style, simply call
You can mix and match these options.