Jump to content
Search Community

Restart banner

DivisionBoy 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

Your animation does play after 3 seconds. 

 

I really can't follow how the delayed calls are supposed to add() your animations to the timeline again or why you are doing that. I assume you are just experimenting.

 

I think the core problem is that you are creating a series of tweens that repeat infinitely and you are trying to add them to the same timeline, in sequence.

Keep in mind that every time you add() a new tween, it goes at the end of the timeline. If the first tween repeats forever, the timeline will never end (well at least not for 30,000 years) and thus the next tween does not appear to animate. 

 

I think you probably want to add all the tweens at a time of 0. 

 

I ripped out a whole bunch of code just so you could see it working:

 

//add add tweems at time of 0
    main.add(root_car, 0);
    main.add(wheel, 0);
    main.add(bgEarth, 0);
    main.add(bgSky, 0);
    main.add(shield, 0);

 

http://codepen.io/GreenSock/pen/QjbEYm?editors=001

 

 

I think for the other frames of the animation (with text), you will want to create timelines for those and then add them to main at a specific time, like at 3 seconds. 

main.add(textFrame, 3);

Hopefully that helps a little. 

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