Timelines delay before they yoyo back!!!!!

[Elicrespo]

Hey guys,

 

I have an issue with my animation, when the pixels travel from left to right and yoyo back, the timeline stops for a second, you can notice a delay until the timeline starts again. Both of them do that. 

 

I would like it to be continuous, just like when the pixels arrive to the right side and bounce right back. I want the pixels to bounce again as soon as they arrive to the left side.

 

What am I doing wrong?? How can I overcome this?

 

Thank you.

See the Pen VwqeVXv by elicrespo (@elicrespo) on CodePen

[GreenSock]

If I understand you correctly, there isn't actually any delay - it's just that you're using an ease that makes it appear that way. Also, there's no such thing as setting a duration or ease in a timeline's config object. I assume you meant to set a default for child tweens?

 

// BAD
gsap.timeline({ 
  yoyo: true, 
  repeat:-1, 
  duration: 0.7, // <-- NOPE!
  ease: "none"   // <-- NOPE!
});

// GOOD
gsap.timeline({ 
  yoyo: true, 
  repeat:-1, 
  defaults: { // <-- important
    duration: 0.7,
    ease: "none"
  }
})

 

Is this more like what you're looking for? 

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

[Elicrespo]

That is exactly what I want. Thank you so much @GreenSock