Swinging / Rocking motion needing improvement

[jakob zabala]

Need some help with the infinite looping rocking motion. I would like it to have a smoother transition into a natural back and forth rocking motion.  

See the Pen OJmyopv by jaykobz (@jaykobz) on CodePen.

[OSUblake]

Hi Jakob!

 

Have you tried making your own CustomEase?

 

https://greensock.com/docs/v3/Eases/CustomEase

 

[GreenSock]

Are you looking to make it appear more natural in terms of swinging? If so, just use elastic: 

See the Pen QWvyLdW?editors=0010 by GreenSock (@GreenSock) on CodePen.

[jakob zabala]

@GreenSock @OSUblake Thanks for your suggestions. I suppose I didn't explain myself properly. What i am looking for is an initial swing down from the tags (with a back.out ease), but for this to transition smoothly into a back and forth gentle infinite rocking motion. I was wondering if there were any tips to make this transition feel more real / gravity like... maybe this should all be in one timeline, but my solutions so far didn't look that good, splitting it like this was the best but not what I'm after. Thanks for the help 

[mikel]

Hey @jakob zabala,

 

A custom ease is the clever way.
And here GSAP CustomWiggle offers a very good choice.

 

See the Pen KKmVwKB by mikeK (@mikeK) on CodePen.

 

Happy wiggling ...

Mikel

[jakob zabala]

@mikel but how to then transition this to an infinite rocking motion seamlessly?

[mikel]

 

... just like here ???

 

See the Pen qBmbEJR?editors=0110 by mikeK (@mikeK) on CodePen.

 

Happy tweening ...

Mikel

[jakob zabala]

thank you!