Reverse until a certain point

[serotoninene]

Hi ! 

I'd like to know if it's possible to reverse a timeline until let's say half of it ? I've tried seek() and progress() but it restart the timeline every time instead of playing back til halfway. There must be a super easy way of doing this, plz share it with me ! 

Good day from France  

[mvaneijgen]

Hi @serotoninene a minimal demo would have been nice, I now had to create one from scratch.

 

But here is an example that uses `.tweenTo()` too animate to a label I've defined in a timeline. I've placed the label in the middle of the timeline, but you can put it anywhere you want. 

 

See the Pen Exorxoy by mvaneijgen (@mvaneijgen) on CodePen

[akapowl]

Edit: Snap, @mvaneijgen was seconds faster than me 🙃

 

Unless I'm missing something obvious, I don't think that would be possible with the .reverse() method, as you can only pass from where to reverse but not to where.

 

What you might need for this is either to tween the progress of the timeline (note that the explanation on that linked page still uses old syntax, but it is still possible with GSAP3) or to use tweenTo / tweenFromTo and base things of on something like the timeline's .totalDuration()/2 e.g.

 

https://www.snorkl.tv/gsap-tweento-and-tweenfromto/

 

Depending on your exact expected outcome / scenario, one might be more suited than the other, but I think the latter might be what could be most helpful here.

 

See the Pen xxpMKaK by akapowl (@akapowl) on CodePen

 

 

 

Click anywhere in this example to toggle changes:

 

See the Pen WNdPNbg by akapowl (@akapowl) on CodePen

 

[serotoninene]

Thank you so much both, and sorry for the lack of codepen, next time I'll ask something here I'll make sure to create one ! You're answers were right on point and I'm gonna go with tweenTo, it perfectly solves my problem  

Thanks again