How do i use these types of eases?

I only know how to use Constant, Linear, and Quad (InOut)

im not sure about the rest though, is there a simple tutorial on how to use them? or a guide?

What easing does, is, instead of switching from say 0 to 1, it eases to it over time.
The easing options you have approach 1 from 0 at different speeds.
For instance, say you are easing from 0 to 1, over 10 seconds.

Linear easing would look like this: 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1
But with say, sine, it might look something like this. 0.05, 0.15, 0.3, 0.5, 0.7, 0.85, 0.95, 1

(yes I know this one is not 10 intervals, but the case still holds) (an approximate middle phase sine)
An easier way to look at is, is not the number values, but the change every â€śframeâ€ť interval

Linear like this would look like: 0.1, 0.1, 0.1, 0.1, 0.1, 0.1, 0.1, 0.1, 0.1, 0.1
And the â€śSineâ€ť would look like this: 0.05, 0.1, 0.15, 0.2, 0.2, 0.15, 0.1, 0.05

Notice how in your image, you have sine selected. And that there is a graph below.

Now, Iâ€™m not sure what software this is, but it appears to be graphing your selected ease!

Notice how the sine speeds up

You should note, that its not slowing down because you chose the â€śINâ€ť option.

Which is why its speeding up as it moves inwards but not outwards.
(if you want it to slow down on both sides, then set it to in out)

Thatâ€™s what i assume to be the basic jist of your program.

To list all the options i see here.
Sine is a sine wave.
quad, cubic, quart, quint, sextic, expo, are all in the same basket (donâ€™t quote me on that) in where its basically X^N x to some power they start off slow and then shoot off very fast.
Circ would be like sine but more solid (it may graph as a semicircle), and bounce and elastic simply go back and forth as they get closer, (think of the height of a bouncy ball).

By the way, there is a nice roblox resource for this:
https://developer.roblox.com/en-us/api-reference/enum/EasingStyle

1 Like

Thank you so much! I really needed this!

1 Like

I use moon animator by the way

1 Like

constant is a jumpcut. linear has no sped up or down or anything. sine is a smoother linear. quad is a little short to fast. cubic is even more of that. quart is even more of that. quint is even more of quart. sextic is more of quint, expo is exponential curve, circ is kinda like expo, back overdoes your thing (if your thing ends at point a, it will go little farther than a). and bounce goes to it, goes a little back, then goes to it, and back, etc. idk what elastic is

1 Like

Easing, in very simple terms, is how you want your animation to accelerate. Linear gives no acceleration, and just goes with uniform velocity. Sine, however, has a little acceleration, and goes with a lot more acceleration. Sine to Quart are essentially just increments in amount of acceleration. However, Quint to Circ are a bit different. Quint to Circ are essentially how late you want the acceleration to occur. An acceleration of the acceleration, if you will. And quint to circ are just increments of that. Back, Bounce, and Elastic are special easing types. Iâ€™d suggest you play around with those, as theyâ€™re really fun to experiment with.

Sorry if I overcomplicated stuff

Hope this helps.

1 Like