My Timeline is not looping from the beginning

[Pcooney]

Here I have the skateboard do an ollie (jump) and land with a 2seconds of riding before I want it to repeat, however the repeat is starting on step 2. (board is at an angle)

 

This is my first project so it could very well be a syntax error or spelling misstake on my part but any help would be greatly appreciated. Thanks

See the Pen BwGpEy by Pcooney13 (@Pcooney13) on CodePen

[Carl]

Hi and welcome to the GreenSock forums,

 

Did you get this sorted out? The animation looked good to me. When it repeated it looked the same as the first iteration. Is it something subtle I'm missing? Impressive ollie!

 

BTW a skateboard animation was the first thing I did in Flash a million years ago  http://www.snorkl.tv/2011/08/my-first-cool-flash-animation/

[PointC]

Hi @Pcooney

 

Welcome to the forum.

 

I took a look at this earlier today, but hadn't had a chance to post a reply until now. As @Carl mentioned, it looks like you've got it working now.

 

The problem with your earlier version was the negative relative position parameter offsets. You were animating rotation and y, but the next tween (with the negative overlap) was also animating those properties so an overwrite was occurring and messing up your loop. I see all those position parameters are gone now so I'm assuming you already had this figured out, but thought I'd mention it just in case.

 

If you don't want to use that 2 second tween at the beginning and end of the timeline, you can use {delay:2, repeatDelay:2} in your timeline vars object as well. That will give you 2 seconds at the beginning of the first iteration and each loop. Cool animation- nice work.

 

Hopefully that helps a bit. Happy tweening and welcome aboard.

 

@Carl - I like that skateboarder. Was that really your very first animation?

[Carl]

@PointC, thanks. My first animation was probably a blue box moving across the screen, but that one was the first I would actually show people

[PointC]

You got your blue div to move across the screen? Pretty advanced stuff. I could only get my first div animation to rotate. Moving across the screen came much later in my training. 

[Pcooney]

Wow, thank you both! as you assumed it was the negative parameter offsetting.  I am going to look into your idea of the 2 second delay, @PointC