An easing is a interpolator runs t from [0, 1], where
t=0 is the first frame and t=1 the last frame of the animation.
This interpolator can be viewed as the speed interpolator and its the
first one in the Animation Pipeline.
The output value will be used to feed the .
Usually outputs a value from [0, 1] but other values are also possible.
This interpolator can be used outside physical motion (left/right/top/bottom).
In cases of textual property, such as color, text, src,
the easing will define how quickly those values will change
among a list defined valueText or by using valueFormat.
In this case, the startValue and value should be between [0, 1].
Setting a startValue higher than value,
will reverse the direction of the changes.
The easing can also be used to define the speed of the changes
of multi-parameter properties, such as text-shadow, by using as an input
of a valueFormat.
This is the first stage of the Animation Pipeline.
An easing can be defined by:
Name - It will use the list of easings predefined or added via plugins.
Expression - It evaluate the expression for each frame, passing the variable t.
Code Handler - This function will receive the variable t.
WARNING Code Handlers aren't teleported,
therefore it can't be used in remote rendering.
Built-in easings
BeamToIX includes a list of the most common easings by
bundling the jquery.easing plugin.
More can be added via plugins.
DevToIX
Description
An easing is a interpolator runs
tfrom [0, 1], wheret=0is the first frame andt=1the last frame of the animation. This interpolator can be viewed as the speed interpolator and its the first one in the Animation Pipeline. The output value will be used to feed the . Usually outputs a value from [0, 1] but other values are also possible.This interpolator can be used outside physical motion (left/right/top/bottom). In cases of textual property, such as
color,text,src, the easing will define how quickly those values will change among a list definedvalueTextor by usingvalueFormat. In this case, thestartValueandvalueshould be between [0, 1]. Setting astartValuehigher thanvalue, will reverse the direction of the changes.The easing can also be used to define the speed of the changes of multi-parameter properties, such as
text-shadow, by using as an input of avalueFormat.This is the first stage of the Animation Pipeline.
An easing can be defined by:
t.t.WARNING Code Handlers aren't teleported, therefore it can't be used in remote rendering.
Built-in easings
BeamToIX includes a list of the most common easings by bundling the jquery.easing plugin. More can be added via plugins.
See
http://gsgd.co.uk/sandbox/jquery/easing
Default