如何停止 CreateJS/TweenJS 中元素的补间

Question

我在 CreateJS/TweenJS 中有多个补间：

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

在时间线中，我需要停止其中一个 Tweens。我试过了：

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

然后：

tween1.setPaused(true);

但是 returns 错误是：.setPaused() 不是一个函数。

如何停止我需要的 Tweens 之一？

Answer 1

你确定你引用的补间是正确的吗？

这是我使用 setPaused 对 start/stop 补间制作的快速示例：http://jsfiddle.net/lannymcnie/cm2we3wk/

它创建这样的补间：

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

然后使用 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);
}

Answer 2

您只需要使用 createjs.Tween.removeTweens(elem)

删除补间

在此处查看文档：http://createjs.com/docs/tweenjs/classes/Tween.html#method_removeTweens

如何停止 CreateJS/TweenJS 中元素的补间

How to stop tween of element in CreateJS/TweenJS

createjs

easeljs

tween

tween.js