Trynix Posted February 11, 2022 Share Posted February 11, 2022 Hi everyone, I'm trying to get this ball to move along the 2 paths, without getting to a stop where the 2 paths meet (in the center). I've tried reducing that "stop" by starting the 2nd path movement a bit earlier, but since this is a repeat timeline I'm not sure what to do about the first path animation in order to reduce or eliminate it's stop in the center. Not sure what's the best approach for this. Thanks! See the Pen qBVjEqQ by mazayadigital (@mazayadigital) on CodePen Link to comment Share on other sites More sharing options...
mvaneijgen Posted February 11, 2022 Share Posted February 11, 2022 I don't know the reason for it being two paths, but that aside. I've removed the easing, so the movement is now linear all the way around and the second animation starts as soon as the first is done (by removing the position parameter `"-=0.25"`) See the Pen gOXRpzX?editors=1010 by mvaneijgen (@mvaneijgen) on CodePen 5 Link to comment Share on other sites More sharing options...
Trynix Posted February 11, 2022 Author Share Posted February 11, 2022 20 minutes ago, mvaneijgen said: I don't know the reason for it being two paths, but that aside. I've removed the easing, so the movement is now linear all the way around and the second animation starts as soon as the first is done (by removing the position parameter `"-=0.25"`) Thanks for your feedback!! I actually prefer the way it speeds and slows in the original as opposed to having no easing, just not having it reach a halt in the center. Link to comment Share on other sites More sharing options...
OSUblake Posted February 11, 2022 Share Posted February 11, 2022 It would be easier if it was just 1 path instead of 2. Then you could probably use a custom ease to get the speed how you like. https://greensock.com/docs/v3/Eases/CustomEase Also, there is no ease called "ease". It's just defaulting to power1 in that case. 3 Link to comment Share on other sites More sharing options...
mvaneijgen Posted February 11, 2022 Share Posted February 11, 2022 Yes, making it one path would make it a lot easier to tweak the easing, but if you make both easings the same and have it set to `inOut` you could get it closer to what you want. Here is one that slows down at the outer sides of the animation See the Pen podwjJM?editors=1010 by mvaneijgen (@mvaneijgen) on CodePen 3 Link to comment Share on other sites More sharing options...
Trynix Posted February 11, 2022 Author Share Posted February 11, 2022 Understood, thank you gents for your feedback!! Link to comment Share on other sites More sharing options...
mikel Posted February 11, 2022 Share Posted February 11, 2022 Hey @OSUblake, How about your speed concept? See the Pen jYyXZd?editors=0010 by mikeK (@mikeK) on CodePen Happy speeding ... Mikel 4 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