[Continuous news ticker From RIGHT to LEFT]

Yes, that's a good solution,

 

but if you change the spaces you need to recalculate the buffer.

 

The fromTo is a method to solve this problem?

 

The "classic" animation that goes from right to left works without this buffer problem.
How you can solve this for the animation that goes from left to right

 

Thank you

 

 

[Continuous news ticker From RIGHT to LEFT]

Hello!

 

According to this topic: 

I recreate this and updated this to the more modern syntax in GSAP 3, and I tried to "reverse" the movement.

So I want to move the texts from RIGHT -> LEFT.

 

I changed the gsap.set(".ticker-wrapper", { x: -tickerWidth }); [minus tickerWidth ] and this starts as you want but the loop isn't working as you expect.

 

I can't find any solution.

Any help?

 

Thank you so much!

 

 

See the Pen NWwENgb by noesiscsd (@noesiscsd) on CodePen

[Continuous news ticker]

On 3/14/2019 at 3:03 PM, Shaun Gorneau said:

Hi @Bencius,

 

Yeah, the problem here is that the tween is always moving "-=50" and can overshoot that amount before resetting. The reason for the constant "-=50" is because of the need for a "constant speed" regardless of the length of the text. We can tackle that another way with some math by defining a "speed" and letting the math determine the duration of the tween. That means we can move the ticker a predefined total amount  (the width of the span) in a single tween before restarting.

 

 

Hi!

This code is perfect to make any changes you want.

 

 

But I can't reverse this animation. I want to move the texts from LEFT -> RIGHT.
If you change to TweenMax.set( '.ticker-wrapper' , {x: -tickerWidth } ); starts as you want but the loop isn't working as you expect.

 

I can't find any solution.

Any help?

 

Thank you!