Its_Frostz Posted February 13, 2023 Posted February 13, 2023 I was trying make kind of like a solar system animation where the the concentric rings are made with divs and then one more div inside for the respective planets bt when i try to animate the thing using timeline... I used rotate: "+=360cw" and repeat:-1 but it starts the rotation with good speed and slowly slows down to the end until it eventually stops and then speed up again how do i make it move with uniform speed i tried changing the ease to none.none still doesnt work
Solution akapowl Posted February 13, 2023 Solution Posted February 13, 2023 Welcome to the forum @Its_Frostz. I think you were on the right track, already. GSAP applies a default ease of 'power1.out' to every tween - if you want a linear movement on your tween, set the ease to 'none', that should help with what you are experiencing. If it doesn't, please provide a minimal demo, that demonstrates your issue. I hope that will already help you, though. gsap.to('.thisOrThat', { rotation: '+=360cw', repeat: -1, ease: 'none'}) https://greensock.com/docs/v3/Eases 1
Its_Frostz Posted February 13, 2023 Author Posted February 13, 2023 thank u so much I used none.none from the easing visualizer like the code at the bottom said gsap.to(graph, { duration: 2.5, ease: "none.none", y: -500 }); so i just copied it from there while i had to use only none thank u so much have a nice day my man
mvaneijgen Posted February 13, 2023 Posted February 13, 2023 @Its_Frostz nice catch it should indeed be "none" instead of "none.none"! @Cassie is that maybe something you could look in to https://greensock.com/docs/v3/Eases If you set the easing viszualizer to none it will stated that you should put "none.none" as your ease. If you click the copy ease button you do get just "none". See the Pen BaOBPEX by mvaneijgen (@mvaneijgen) on CodePen.
Rodrigo Posted February 19, 2023 Posted February 19, 2023 Hi everyone! It was indeed an issue with the construction of the string and as @mvaneijgen pointed out it should be just "none". The problem should be solved now (just in case clear your cache): https://greensock.com/docs/v3/Eases Happy Tweening!
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