awazigh Posted June 8, 2021 Share Posted June 8, 2021 Hi Everyone! Further to the previous progress thanks to @Cassie @GreenSock & @PointC, I'm trying to optimise my animation by adding a pause to play another tween. I tried with the callback "addPause()" but as you can see it seems that the animation can't be "paused" in the middle, it has to be completed and then it pauses. Is there a way to pause at anytime? and even if my animation is based on motionpath? Thanks Awa See the Pen jOBxGoq by awazigh (@awazigh) on CodePen Link to comment Share on other sites More sharing options...
PointC Posted June 8, 2021 Share Posted June 8, 2021 I think you'd probably want to put them on a master timeline and then you can control it with your pause/play buttons or whatever controls you like. Here's a similar demo from another thread which should get you started. See the Pen pojmBKJ by PointC (@PointC) on CodePen Happy tweening. 4 Link to comment Share on other sites More sharing options...
awazigh Posted June 9, 2021 Author Share Posted June 9, 2021 Thanks for the direction, I'll check this demo and try to adapt to mine. Link to comment Share on other sites More sharing options...
Cassie Posted June 9, 2021 Share Posted June 9, 2021 It's been really fun watching your progress on this @awazigh 2 Link to comment Share on other sites More sharing options...
awazigh Posted June 9, 2021 Author Share Posted June 9, 2021 48 minutes ago, Cassie said: It's been really fun watching your progress on this @awazigh Many thanks @Cassie you made this possible! I'm working on the demo sent by Craig 🤓 can't wait to show the final version in prod 🤩 3 Link to comment Share on other sites More sharing options...
PointC Posted June 10, 2021 Share Posted June 10, 2021 I forgot that I had a second version of that demo too. It's pretty much the same but uses one tween with a stagger instead of multiple timelines on a parent. That could also be an option for you. Happy tweening. See the Pen ExVzqdm by PointC (@PointC) on CodePen 2 Link to comment Share on other sites More sharing options...
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