代码之家 › 专栏 › 技术社区 › user3055135

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

tween easeljs rotation

user3055135 · 技术社区 · 8 年前

我在舞台上有一些形状。其中一些是顺时针旋转,一些是逆时针旋转。

画架中对象的旋转特性。js从0运行到360(我认为)。那么…如果我想让物体从45度逆时针旋转到-45度…90度的变化…我该怎么做?

提前谢谢。罗杰。

1 回复 | 直到 8 年前

Lanny 8 年前

通常,TweenJS-tweens旋转与任何其他数字相同: *如果从45到-45,它将逆时针旋转 *如果从45到300,它将顺时针旋转

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

然而,更好的选择是使用最新的TweenJS下一个版本(尚未在CDN上发布),在该版本中,您可以使用RotationPlugin(在src/TweenJS/plugins中),它与旧的SmartRotation插件具有相同的“最短距离”行为,但也能够根据 to()

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

旋转插件自动处理 rotation rotationX , rotationY rotationZ

推荐文章

Ali Ok · 使用EaselJS StageGL高效绘制网格

8 年前

John · easeljs背景图像矩形-封面

8 年前

Unnamed · 为什么easeljs的舞台。getBounds()返回null?

8 年前

Diablo3093 · 使用preloadjs加载图像时,如何更改createjs中的位图图像?

8 年前

user3055135 · Easeljs中的Tween旋转:控制旋转方向

8 年前

RobSeg · EaselJS:为什么缓存会降低渲染速度?

9 年前

Eric M. · EaselJS-是否可以在线条中添加模糊过滤器?

9 年前

leetom · 如何使用createjs获得真正的FPS

11 年前

C.J. Morrison · 是否可以使用图像数据设置easejs命中区域?

11 年前

Jim Peeters · 如何在我的CreateJS形状中获得随机颜色?

11 年前