createjs - 我想了解 TweenJS 的“反转”属性的使用

Question

我没有找到任何有效的例子来理解 TweenJs 中“反转”属性的使用。你能给我一些代码，解释这个问题吗？谢谢！！

Answer 1

“reversed”属性只是反向运行补间序列。所有位置都按照定义的相反顺序播放，甚至缓动也以相反的顺序应用（文档）。

例如，如果您创建一个补间动画，将x位置从 0 设置为 100，则反向播放会将其设置为从 100 设置为 0。如果您应用“quadOut”缓动，它会在接近尾声时减慢，但反过来会加快因为它向后播放。

这是一个显示两个相同补间的快速示例，但其中一个是相反的：https ://jsfiddle.net/lannymcnie/98k0zvdx/

createjs.Tween.get(s, {loop:true})
    .to({x:300}, 3000, createjs.Ease.bounceOut);
createjs.Tween.get(s2, {loop:true, reversed:true}) // This one is reversed
    .to({x:300}, 3000, createjs.Ease.bounceOut);

我希望这会有所帮助！