2013-03-06 58 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