我想了解TweenJS的“反向”属性的用法

Question

我找不到任何有效的例子来理解TweenJ中“反向”属性的使用。您能给我发送一些代码来解释这个问题吗？谢谢！

Answer 1

“ reversed”属性只是反向运行补间序列。所有位置均按定义的相反顺序播放，甚至轻松也按相反顺序应用（docs）。

例如，如果创建的补间动画将x的位置从0动画化为100，将其反向播放则将动画的动画位置从100动画化为0。结束，但是相反，它在向后播放时会加快速度。

下面是一个快速示例，显示了两个相同的补间，但其中一个相反：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);

希望对您有帮助！