Easeljs中的Tween旋转：控制旋转方向

Question

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

Easel.js中对象的rotation属性从0到360（我认为）。所以...如果我想逆时针旋转一个物体的旋转从45度到-45度......改变90度......我该怎么做？

提前致谢。罗杰。

Answer 1

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

您可以将SmartRotation插件与CDN（0.6.2）中最新标记的TweenJS版本一起使用，以确保它旋转最短的＆＃34;最短的＆＃34;距离，所以在上面的第二个例子中，它将逆时针旋转。你可以在＆＃34;插件＆＃34;中找到它。 。目录

然而，更好的选择是使用最新的TweenJS NEXT版本（尚未在CDN上发布），您可以在其中使用RotationPlugin（在src / tweenjs / plugins中），它具有相同的＆＃34;最短距离＆＃34;行为作为旧的SmartRotation插件，但也能够设置每to()次呼叫的旋转方向：

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

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