tl.tweenTo problem

[BigApp7e]

Hello everyone. I'm AS3 developer and I work with gs libraries before without any problem, but now I start learn js and I'm little confuse about one thing. To be short here is few lines of code:

 

function init(){

            tl = new TimelineMax();          

            tl.append(TweenMax.to(logo,1,{x:200,ease:Linear.easeNone,repeat:-1 ,yoyo:false}));

            tl.addLabel("start",false);

            tl.append(TweenMax.to(logo,1,{x:400,ease:Linear.easeNone}));

            tl.addLabel("end",false);

 

        function onClick()

        {

          tl.tweenTo("end");

 

So I expect this logo to make loop animation to the moment when I click button. When I click I expect timelineMax to move one with next animation and logo have to stop on x=400;

 

Actual result:

When I click the button this logo make few loops backward  and then stop at position x=0;

 

Where I'm wrong?

Can you help me with this 

 

Regards.

[Dipscom]

Hi BigApp7e, welcome to the forums!

 

It is quite hard to trouble shoot your case by just looking at a few lines of code. We need some context to try and understand, there could be a lot of things going wrong. For example, it is not clear to me whether you have your onClick() function nested or not into the init() one. That would make a big difference in behaviour.

 

So, if you could get a bare-bones example on CodePen (or anywhere else you might prefer) we can help you out. Carl has a nice post pinned explaining how to create a CodePen.

[Carl]

Yes, Dipscom is right about a demo helping.

 

It appears you are adding tweens and labels AFTER a tween that is set to repeat indefinitely (repeat:-1)

 

Seeking past an infinite tween isn't really possible.

 

It sounds like you should be creating a new tween when you click the button and not have it be part of the timeline.

[Dipscom]

Following up on what Carl has suggested, here is an illustration of what he means (out of many was to achieve the same result).

 

See the Pen ZQdNYy?editors=0011 by dipscom (@dipscom) on CodePen