Jump to content
Search Community

Infinite bubble animation

Androlax test
Moderator Tag

Recommended Posts

Hello,

 

I am on this problem since 2 hours, it is something pretty simple I guess, but I can't find a way to do it properly lol (newbie in TweenMax)

 

If you could help me that could be nice ^^

 

Here is the codepen

 

 

I would like the bubbles to feel infinite, I mean, when the timeline is over, there is a delay since a new bubble come, and I really don't see how to make it smooth :s

 

Thanks for your help

See the Pen JjjQLPa by th-o-benoit (@th-o-benoit) on CodePen

Link to comment
Share on other sites

Hey Androlax and welcome!

 

I would use a single tween with stagger to do this and not worry about the timeline because you can't really have a timeline be playing two parts at once. 

 

I went ahead and switched over to using GSAP 3's formatting which makes this easy because you can put the repeat: -1 inside of the stagger, which makes it repeat like you want it to :) I also set the stagger duration based on how many circles there are so that they are evenly spaced out.

 

See the Pen gOONeEg?editors=0010 by GreenSock (@GreenSock) on CodePen

  • 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...