画架js旋转

时间:2013-03-06 18:31:57

标签: html5 canvas game-engine easeljs

我刚刚开始研究Easel js。我正在构建一个用户可以构建自己角色的游戏。当涉及到为游戏制作动画的头像时,我面临的问题是,当角色移动时,试图知道腿部旋转的确切位置,比如20度,因为我试图连接鞋子(即用户创建)到那个确切的位置。我可以使用Easel js来创建动画帧,但我宁愿创建它们自己。所以,如果我用photoshop将腿的旋转度改变到一定程度,我可以在画架中获得那个学位。

感谢

2 个答案:

答案 0 :(得分:3)

为什么不将鞋子添加到腿部并将它们一起旋转?

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

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

答案 1 :(得分:1)

  

所以,如果我使用photoshop将腿的旋转度改变到一定程度,我可以在画架中获得该程度。

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

如果通过EaselJS补间代码动画角色过于复杂/困难,那么有一些动画编辑器会为其他框架生成代码,也许你可以使用其中一个并转换代码,它可能只是翻译和旋转,对不对?
Spriter http://www.brashmonkey.com/spriter.htm)例如支持相当多的框架,并且可以轻松地与任何框架集成,但是有更多这样的工具,如果你不应该喜欢它。