How to change tween from and to dynamically?

[wijesijp]

I have following tween I used to move an image in my game

coords = { x: 0, y: 0 };
  tween = new TWEEN.Tween(coords)
    .to({ x: 700, y: 200 }, 2000)
    .onUpdate(function() {
      cardImg.position.set(coords.x, coords.y);
    })
    .onComplete(function(){
    	redoTween();
    })
    .start();



function redoTween()
{
cardImg.position.set(0, 0);
tween._valuesStart = { x: 0, y: 0 };
tween._valuesEnd= { x: 700, y: 0 };
tween.start();
}

This works as expected.

I wanted to re-use the same tween to move the image to a different location. 

I would like to update "coords" to new location and; call say; tween.start();

Is there a way to do this?

What I noticed was I can only use the it once.

 

https://jsfiddle.net/wijesijp/85xavjrs/30/

[wijesijp]

Can anyone provide some help on this?

[jonforum]

i can give you help with tween but with this API only sorry

https://greensock.com/docs/Easing

Maybe link the API your are using for get more help ?

[wijesijp]

I am using tweenjs

https://createjs.com/tweenjs

I think this is a very popular tween API?

[jonforum]

well i dont know for the popularity of this one.
But try search in docs if it have timeLine feature.

In tweenLite to acheave this kind of stuff you can just do .
 

const tl = new TimelineLite({ repeat: -1 }); // repeat the timeline infinity
tl.to(cardImg.position, 2000, { x: 700, y: 200, ease: Expo.easeOut }) // to: mean 0,0=>700,200 in 2000sec
tl.to(cardImg.position, 1, { x: 0, y: 0 }) // start when 2000 sec finish

or 
tl.from(cardImg.position, 2000, { x: 700, y: 200, ease: Expo.easeOut }) // from: mean 700,200=> 0,0

 

[ivan.popelyshev]

> I wanted to re-use the same tween to move the image to a different location. 

> I would like to update "coords" to new location and; call say; tween.start();

If that is not mentioned in docs for that tweener, you have to look in the source code and modify it if necessary.