循环参数未按预期工作答案

【问题标题】：loop param not working as expected循环参数未按预期工作
【发布时间】：2018-10-19 20:19:26
【问题描述】：

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

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

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

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

这表明我应该能够设置 {loop: 3} 以达到我想要的结果，但除 0 以外的任何数值只会导致它无限循环。

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

祝大家好运

【问题讨论】：

您使用的是什么版本的 createjs？下面是 1.0 的一个小技巧：jsfiddle.net/tg7oumdb
我不知道。 Adobe Animate CC 15.2 捆绑了任何版本。我通过在完成时让每个补间设置下一个来让它最终工作。这有点 hacky，但我在最后期限，它似乎工作。

【解决方案1】：

看起来 TweenJS 0.6.2 和更早的版本使用 Boolean value 代替 loops，所以虽然您可以将其设置为 true 或 false，但不能将其视为多个循环。如果设置为数字，则会转换为true。

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

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

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

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

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

【讨论】：