CODEWITHSUNDEEP
createjseaseljstweentween.js
zur4ik
zur4ik

Reputation: 6254

How to stop tween of element in CreateJS/TweenJS

I have multiple Tweens in CreateJS/TweenJS:

createjs.Tween.get(elem1).to({..});
createjs.Tween.get(elem2).to({..});

In timeline, I need to stop one of Tweens. I tried:

var tween1 = createjs.Tween.get(elem1).to({..});
var tween2 = createjs.Tween.get(elem2).to({..});

and then:

tween1.setPaused(true);

But it's returns error that: .setPaused() is not a function.

How to stop one of Tweens that I need?

Upvotes: 3

Views: 6018

Answers (2)

jck
jck

Reputation: 559

You just need to remove the tween with createjs.Tween.removeTweens(elem)

See doc here: http://createjs.com/docs/tweenjs/classes/Tween.html#method_removeTweens

Upvotes: 4

Lanny
Lanny

Reputation: 11294

Are you sure you are referencing the tween correctly?

Here is a quick sample I made to start/stop tweens using setPaused: http://jsfiddle.net/lannymcnie/cm2we3wk/

It creates tweens like this:

var tween1 = createjs.Tween.get(shape, {loop:true})
    .to({x:550}, 1000, createjs.Ease.quadOut)
    .to({x:50}, 1000, createjs.Ease.quadIn);

And then toggles them using setPaused:

// tween1 is passed in as the tween variable.
if (tween.paused) {
    tween.paused = false;
    tween.setPaused(false);
} else {
    tween.paused = true;
    tween.setPaused(true);
}

Upvotes: 3

Related Questions