Question

我在CreateJS / TweenJS中有多个Tween：

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);

但它返回错误：.setPaused()不是函数。

如何阻止我需要的某个Tween？

Answer 1

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

删除补间

请参阅此处的文档：http://createjs.com/docs/tweenjs/classes/Tween.html#method_removeTweens

Answer 2

您确定要正确引用补间吗？

以下是使用setPaused启动/停止补间的快速示例：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);
}

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

2 个答案: