画架js旋转答案

【问题标题】：Easel js rotation画架js旋转
【发布时间】：2013-02-21 17:00:35
【问题描述】：

我刚开始研究 Easel js。我正在构建一个游戏，用户可以在其中建立自己的角色。在为游戏设置动画角色时，我面临的问题是，当角色移动时，我会尝试知道腿的确切位置，比如 20 度，因为我正在尝试连接鞋子（即用户创建）到那个确切的位置。我可以使用 Easel js 来创建动画帧，但我更愿意自己创建它们。所以，如果我用photoshop把腿的旋转改变一个度数，我可以在Easel js中得到那个度数吗？

谢谢

【问题讨论】：

标签： html canvas game-engine easeljs

【解决方案1】：

你为什么不把鞋子加到腿上然后一起旋转呢？

var leg = new createjs.Container();
//add some graphics
var shoe = new createjs.Container();
//add some graphics

leg.addChild(shoe);
leg.rotation = 15;

【讨论】：

是的，我很难使用画架 js 创建框架，因为移动会变得更加复杂。我需要一种方法，通过将初始图像与旋转后的图像进行比较，来识别一条腿已经旋转了一定程度。

【解决方案2】：

那么，如果我用photoshop把腿的旋转改变一个度数，我可以在Easel js中得到那个度数吗？

=> 没有。
a) 这将是高端图像识别技术。
b) 如果你有一个预先渲染的帧，每个图像都有旋转度数，你最终会得到很多数据。

如果通过 EaselJS Tweening-code 为角色设置动画太复杂/困难，则有一些其他框架的动画编辑器会生成代码，也许您可以使用其中一个并转换该代码，它可能只是平移和旋转，对吧？
Spriter(http://www.brashmonkey.com/spriter.htm) 例如支持相当多的框架，并且可以轻松与任何框架集成，但是如果你不应该的话，还有更多这样的工具不喜欢。

【讨论】：

精灵编辑器是否支持动态生成动画？因为我有用户创建自己的角色，这会影响动画。
我可以解析编辑器生成的xml文件并应用更改，然后使用Easel js sprite builder再次构建动画帧，听起来对吗？
您可以这样做，也可以通过 TweenJS 为角色“动态”设置动画，如果您希望动画之间的过渡看起来平滑和动态，这可能会给您带来一点优势，但是如果您的角色使用很多精灵，性能被认为是一个问题，你可能会遇到许多字符/精灵的问题。简而言之：TweenJS：动态，需要更多的 CPU 能力与 SpriteBuilder：不太动态，需要更多内存（但可能不是问题）