EasingStyle
EasingStyle
Passed to /TweenInfo|TweenInfo.new to control the motion of a /Tween. Each
easing style is described in a graph below. The X axis is a value passed to
TweenService/GetValue and the Y axis is the value returned.
This diagram uses Enum/EasingDirection|EasingDirection.In. The
Enum/EasingDirection|EasingDirection.Out version of the diagram is a
reflection flipped in both directions, and the InOut version is the In and
Out versions stuck together.
The following is an animation demonstrating how each Enum/EasingDirection
acts when used with GuiObject/TweenPosition. Note that some EasingStyles
(Elastic and Back) will go further than the UDim2s involved in the tween
(in the case of this animation, the start Positions and end Positions of the
/TextLabels).
Enums
| Name | Value | Description |
Linear |
0 | Moves at a constant speed. |
Sine |
1 | Speed is determined by a sine wave. |
Back |
2 | Slightly overshoots, then backs into place. |
Quad |
3 | Slows down as it approaches the end. |
Quart |
4 | Similar to Quad, but starts at a higher speed. |
Quint |
5 | Similar to Quart, but starts at a higher speed. |
Bounce |
6 | Bounces backwards multiple times after reaching the end position, before eventually settling. |
Elastic |
7 | Moves as if the GUI element is attached to a rubber band, overshooting its target several times. |
Exponential |
8 | Slows down very quickly as it approaches the end. |
Circular |
9 | Follows a circlular arc, slowing down as it approaches the end. |
Cubic |
10 | Similar to Quad, but starts at a lower speed. |
Referenced by:
UIPageLayout/EasingStyle