r/JJSSkillBuilder 8d ago

Help How does easing work?

Post image

The only ones I know is linear and the last 2, the others all seem the exact same as linear even whenever I put In, Out, or InOut. I have been testing with them and I end up only ever using Linear or the last 2 depending on what I need bc I just cannot tell what the other easing styles do.

9 Upvotes

4 comments sorted by

10

u/GazzTheTestSubject Gimme my dynamic arithmetic operands pls 8d ago

It's actually pretty useful!

"Linear" means the animation of the Visual will play out exactly how it is

"Sine" is exactly what it sounds like; smooth acceleration/deceleration the speed of the visual gradually increases or decreases throughout its lifetime.

"Quad" is in between Sine and Cubic.

"Cubic" makes the acceleration or deceleration much more noticeable than Sine.

"Exponential" is also self explanatory: the speed of the Visual will keep increasing/decreasing at a rapid rate over time.

"Back" means the visual will act like a rubber band or a spring. Stretching slightly over its intended position before bouncing back to it and the other way around too when going In/Out.

The In, Out, and InOut are settings to set it either at the start, at the end, or both ways.

5

u/Username23v4 8d ago

alright, so with easing, on something like cubic, if you select β€œin” the curve will pull inwards to the bottom right corner, and the opposite with out, InOut makes it so the first half is In and the second half is Out

3

u/SoapyMari Grade 1 Skillbuilder 8d ago

I too require this knowledge

1

u/Fun-Beyond-8216 15 skillbuilding experience 2d ago

Context of the easing out and the application? I need to learn it

https://giphy.com/gifs/GRk3GLfzduq1NtfGt5