Easeljs中的补间旋转:控制旋转方向

Question

我在舞台上有一些形状。其中一些我想补间顺时针旋转，另一些逆时针旋转。

Easel.js中对象的旋转属性从0到360 (我想)。我想补间一个物体的逆时针旋转，从45度到-45度…90 degrees...how的变化，我这样做了吗？

提前谢谢。罗杰。

Answer 1

通常，TweenJS补间的旋转与任何其他数字相同：*如果从45到- 45，它将逆时针旋转*如果从45到300，它将顺时针旋转

您可以在CDN (0.6.2)中将SmartRotation插件与TweenJS的最新标记版本一起使用，以确保它旋转的距离是最短的，因此在上面的第二个示例中，它将逆时针旋转。你可以在"plugins“目录中找到它。

然而，一个更好的选择是使用最新的TweenJS NEXT版本(尚未在CDN上发布)，其中您可以使用RotationPlugin (在src/tweenjs/plugins中)，它具有与旧SmartRotation插件相同的“最短距离”行为，但也能够设置每个to()调用的旋转方向：

myTween.get(foo)
    .to({rotation:30, rotationDir:-1})
    .to({rotation:60})
    .to({rotation:10, rotationDir:1});

RotationPlugin自动处理rotation以及rotationX、rotationY和rotationZ属性。