Skip to content

EasingStyle Editor

Davvex87 edited this page Apr 6, 2023 · 1 revision

Note

This is for advanced users only as it exposes the user to complicated maths and equasions!

Installation

Get and install the editor into studio here, It's completely free!

Windows

Equasion editor

Once installed correctly, in the Plugins tab should be a button to open the editor.

easingEditor equasion editor

To create an easing style you must provide the code editor a function with a number argument attached to the function.

return function(x) -- linear
   return x
end

In the example above, the x variable is the durationDelta, a number between 0 and 1 that determines the position of the tween. The editor comes with pre-made easing equasions. To load a pre-made easing, click the "LOAD PRESET" button and select of the pre-made easing styles.

THE FUNCTION MUST ALWAYS RETURN A NUMBER!

Grapth preview

The grapth window generates a grapth of the tweenDelta, or the function of the easing.

thumb easing prev

Easing Tester

The easing tester window allows the user to test the custom made easing style. The ball represents the delta position of the tween in a line.

easingEditor tester

Exporting the easing

The editor does not save the custom made easing style to the game's files, to add the easing to the game we must use the TweenStep:AddCustomEasingStyle() function, copy the equasion from the editor, paste it in the TweenStep function and remove the "return" keyword from the start of the function.

Clone this wiki locally