GSmGpE6CwX2y9JjB25B8
We use cookies on this site to enhance your user experience
Collapse Sidebar

EasingStyle

EasingStyle

The EasingStyle Enum determines the way in which /TweenService tweening will act. 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. These graphs use the “In” EasingDirection; the “Out” direction simply produces a reflection over the line X=Y.

Easing style graphs

Below is an animation demonstrating how each 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).

enter image description here


Enums

Name Value Description

Linear

0

Moves at a constant speed (See animation).

Sine

1

Movement speed is determined by a sine wave (See animation).

Back

2

Tween movement backs into or out of place (See animation).

Quad

3

Similar to Quart and Quint, but at a different speed (See animation).

Quart

4

Similar to Quad and Quint, but at a different speed (See animation).

Quint

5

Similar to Quad and Quart, but at a different speed (See animation).

Bounce

6

Moves as if the start or end position of the tween is bouncy (See animation).

Elastic

7

Moves as if the GUI element is attached to a rubber band (See animation).

Exponential

8

Circular

9

Cubic

10

Referenced by

  • GuiObject/TweenPosition
  • GuiObject/TweenSize
  • GuiObject/TweenSizeAndPosition
  • UIPageLayout/EasingStyle
  • TweenService/GetValue