SteppedEase with easing?

[flysi3000 62 Likes (Contributor)]

Hi! I have a hypothetical question - some creative feedback I got for an animation was to make it more "stop-motion-like" but at the same time, add some easing in/out to it. My initial reaction was that this is self-contradicting feedback, but then I thought that if I were actually shooting some stop-motion animation, I could actually add easing by adding more frames at the beginning or end of the sequence. Is this something we can simulate with GSAP? I'm currently using SteppedEase, and was thinking I could take my existing tween, and tween its progress with an easeIn/Out applied to that. Is that nuts? Is there a better approach?

[GreenSock 18,597 Likes (Superhero)]

Yeah, that's exactly what I was gonna recommend - use a SteppedEase on your main animation, pause() it, and animate its time or progress value with another ease that uses an easeInOut. Should work great. ?

[flysi3000 62 Likes (Contributor)]

Woo! I actually used easeInOut on the main tween, and stepped the other one - so the inverse of what you suggested. Seems slightly more noticeable, but I guess in essence it's the same thing. Thanks for the speedy reply!

[ZachSaucier 7,152 Likes (Superhero)]

Somewhat unrelated, but if you needed to make one custom ease function that was a mix of the other two our helper function would be helpful:

 

See the Pen RmLqBZ by GreenSock (@GreenSock) on CodePen

[flysi3000 62 Likes (Contributor)]

Whoa - that page is a treasure trove of helpful stuff! Thanks!