Universe
Some of our effects include an Animation parameter with a list of presets that customize the speed at which the effect is animated. The presets are named after what the speed function would look like on a graph (where x is time and y is distance), prefixed with whether the function's curve affects the animation's beginning (creating an Ease In effect), end (an Ease Out effect), both, or nothing at all (Linear).
Below are examples of how the different functions' curves appear on a graph for an Ease In effect. (Ease Out looks identical but flipped horizontally.)
| Linear | Quad | Cubic | Quartic | Quintic | Sine | Exponential | Circle |
|
|
|
|
|
|
|
|
|
The following examples show the same curves when applied to both the beginning and end of the animation. These are prefixed in the preset menu with Ease In Out.
| Quad | Cubic | Quartic | Quintic | Sine | Exponential | Circle |
|
|
|
|
|
|
|
Lastly, here are a some examples of both Ease In and Ease In Out animation curves at their extremes when applied to our effects (in this case Universe Rubix Cube):
|
Linear |
|
|
Zero easing on this curve, just a straight shot from the transition's start to finish. | |
|
Ease In Quad |
|
|
A slight easing into the transition, with acceleration picking up over time. | |
|
Ease In Circle |
|
|
A slower transition that rapidly accelerates toward the end, giving a "snap" appearance. | |
|
Ease In Out Quad |
|
|
A gradual ease at the transition's beginning and end. | |
|
Ease In Out Circle |
|
|
A gradual ease at both ends, with a very fast switch in the S-curve's middle. |