[Issue when animating a repeating timeline]

HAHA! Works like a charm. Thanks for the reply! 

[Issue when animating a repeating timeline]

Maybe there is a better way to do this sort of animation.

 

Currently when I try and combine a repeating timeline and another timeline into a master timeline, the animation seems to get messed up. Comment out the repeating timeline and the timeline after it will work as normal. 

 

Is this a poor way of doing this sort of thing?

Check out the codepen js. 

See the Pen xRvaEy by rykerrumsey (@rykerrumsey) on CodePen

[Is there a way to translate the x: value a number of times using repeat?]

Sorry for the confusion. 

I would like the boxes to continue moving a certain number of pixels in increments. Instead of snapping back to original position for the next repeat.

 

I know I could just hard code the steps in the animation, but it seems inefficient. Is there a better way.

*see updated pen*

[Is there a way to translate the x: value a number of times using repeat?]

My question is about how I would go about moving these squares in the pen a certain number of times according to the TimelineMax({repeat: 5}.

 

eg.

 

-----                                        ------

|__ |   -> moves x amount -> |___| -> moves x amount -> for 5 times then returns to initial x position.

See the Pen JGMVaj by rykerrumsey (@rykerrumsey) on CodePen