how to update tween inside of TimelineMax

[willenglishiv]

hello again,

 

I'm trying to do a marquee (scrolling text), a pen is attached.

 

I need to account for changes in text size if the information is updated (this is part of a stream overlay) so I'm trying to figure out what the best way to do it is.

 

I'm using TimelineMax (I know I need to update to GSAP3, maybe post this project) but I was curious as to can I use updateTo on a specific tween inside of timeliine?  The current error says updateTo is not a function.

See the Pen jObrdjN by willenglishiv (@willenglishiv) on CodePen

[ZachSaucier]

Hey willenglishiv. Why not wait for the font to load before starting it in the first place?

document.fonts.ready.then(function () {
  // Do your animation
});

If you can't for some reason, I'd recommend killing off the previous timeline and creating a new one. You might also be interested in GSAP 3's repeatRefresh property.