Only Some EasingStyles and EasingDirections Are Displayed

Hello fellow developers,

I have come to notice the fact that not all of the EasingStyles and EasingDirections are displayed in this DeveloperHub page.

The styles missing are Circular, Cubic, and Exponential. For the directions, only the InOut direction is not shown.

These styles and directions are documented, but not shown in the GIF provided on that page.


GIF of All Easing Styles and Easing Directions

Until the page is updated, I have created the GIF below showing all 11 styles and all 3 directions similarily to the DeveloperHub.

The direction is determined by the color.
Pink = Out
Blue = In
Orange = InOut

Also, each tween takes 2.5 seconds.

AllEasingStyles

I do not know why the Back EasingStyle jitters a little in the InOut direction. The code is exactly the same for each of these TextLabels and it has no errors.


Hopefully, this somewhat minor issue gets taken into consideration.
Thank you.

12 Likes

Bug report is filed here.

2 Likes

Update:

2 Likes

Hey there, Iā€™ve created a ticket for this page to be updated (itā€™s on our to-do). Looks like the page is using a GIF I made for Twitter in 2015 back before these new values existed. It seems like many people find the animation of each easing style useful, so weā€™ll be sure to update that too.

1 Like

This is now fixed.

1 Like

Any updates on the request(or ticket)?

2 Likes