Jump to content
Search Community

How to make the animation repeat smoothly without a stop?

He Wang test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey guys,

 

Thanks for your help in advance. 

 

I have a problem when repeating the tween, it stops at the end of each iteration, and starts playing again. Since the stop is quite obvious, so I want to remove it, is there any way to do that? 

 

Another problem is that, even I am using `Power0.easenone` on it, it seems like there is still an ease-in applying to the tween?  Is this the default behaviour of  `Power0.easenone` or did I do something wrong so the ease function wasn't applied to the tween? 

 

Thanks.

 

 

See the Pen eEdWZW by he-wang (@he-wang) on CodePen

Link to comment
Share on other sites

4 hours ago, PointC said:

Hi @He Wang :)

 

Welcome to the forum.

 

You're putting the ease on the entire timeline, but timelines don't have eases. If you move that ease to your circle to() tween, everything will be working as expected.

 

See the Pen aymwNM by PointC (@PointC) on CodePen

Hopefully that helps. Happy tweening and welcome aboard.

:)

 

I tried to put the ease to the tween, but apparently I didn't put it a right place, it's now working, cheers @PointC!

  • Like 3
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...