createjs - 循环参数未按预期工作

Question

我在舞台上有一个剪辑，其实例名称为testShape. 在第 1 帧中，我有以下代码：

createjs.Tween.get(this.testShape, {loop:true}).to({y:240}, 1000);

当我运行它时，它会按预期无限循环，但我想要的是它循环三次然后停止并触发一个complete事件。文档说循环参数...

表示循环的次数。如果设置为 -1，补间将连续循环。

这表明我应该能够设置{loop: 3}以实现我想要的结果，但是 0 以外的任何数值只会导致它无休止地循环。

任何人都可以就我做错了什么或如何在完成之前进行 n 次 Tween 循环提出建议吗？

祝大家欢呼

Answer 1

看起来 TweenJS 0.6.2 和更早的版本使用了布尔值，loops所以虽然您可以将其设置为trueor false，但您不能将其作为循环数。如果将其设置为数字，它将转换为true.

createjs.Tween.get(obj, {loop:true}).to(…).to(…);

此行为于 2017 年 9 月在 TweenJS 的 1.0.0 版中更新。

createjs.Tween.get(obj, {loop:3}).to(…).to(…);

我很高兴您找到了解决方案：

我通过在完成时让每个补间设置下一个来让它最终工作。