2013-03-06 66 views
0

我刚开始在Easel js上工作。我正在构建一个游戏,用户可以建立自己的角色。当谈到为游戏制作角色动画时,我面临的问题是,当角色移动时,试图知道腿旋转时的确切位置,例如20度,因为我试图附着鞋子(即用户创建)到确切的位置。我可以使用Easel js创建动画帧,但我宁愿将它们创建为我自己。所以,如果我用photoshop改变了腿的旋转度,我可以在Easel js中获得那个程度。Easel js旋转

谢谢

回答

1

所以,如果我使用的Photoshop腿的转动而改变在一定程度上,我可以得到画架JS那种程度。

=>编号
a)这将是高端图像识别技术。
b)如果你有一个预渲染的帧,每个图像都有一定程度的漫反射,你最终会得到很多数据。

如果通过EaselJS Tweening代码对字符进行动画处理太复杂/困难,那么其他一些会生成代码的框架会有一些动画编辑器,也许您可​​以使用其中的一种并转换该代码,这可能仅仅是翻译和旋转, 对?
Spriterhttp://www.brashmonkey.com/spriter.htm)例如支持相当多的框架,并且可以很容易地与任何框架集成,但是如果您不喜欢它,还有更多类似的工具。

+0

任何sprite编辑器都支持动态生成动画吗?因为我有用户创建自己的角色,并可能影响动画。 – javasop 2013-03-07 02:36:38

+0

我可以解析编辑器生成的xml文件并应用更改,然后使用Easel js sprite构建器再次构建动画帧,这听起来是对的吗? – javasop 2013-03-07 02:45:52

+0

你既可以做到这一点,也可以通过TweenJS“动态地”处理角色动画,如果你希望动画看起来平滑和动态之间的转换,这可能会给你一点优势,但是如果你的角色使用了大量的精灵和性能被认为是一个问题,你可能会遇到许多人物/精灵的问题。简而言之:** TweenJS **:动态,需要更多CPU功率与** SpriteBuilder **:动态性较差,需要更多内存(但可能不是问题) – olsn 2013-03-07 08:18:04

3

为什么你不把鞋子加到腿上并将它们旋转在一起?

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

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

是的,我很难用画架创建框架,因为移动可能变得更加复杂。我需要通过比较初始图像和旋转图像来识别腿部已经旋转了一定程度的方法。 – javasop 2013-03-06 20:27:27