jakob zabala Posted July 4, 2021 Posted July 4, 2021 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 Posted July 4, 2021 Posted July 4, 2021 Hi Jakob! Have you tried making your own CustomEase? https://greensock.com/docs/v3/Eases/CustomEase 1
GreenSock Posted July 5, 2021 Posted July 5, 2021 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. 1
jakob zabala Posted July 5, 2021 Author Posted July 5, 2021 @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 Posted July 5, 2021 Posted July 5, 2021 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 2
jakob zabala Posted July 5, 2021 Author Posted July 5, 2021 @mikel but how to then transition this to an infinite rocking motion seamlessly?
mikel Posted July 5, 2021 Posted July 5, 2021 ... just like here ??? See the Pen qBmbEJR?editors=0110 by mikeK (@mikeK) on CodePen. Happy tweening ... Mikel 4
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now