添加玩家Sprite
讓我們添加玩家Sprite。和以前一樣,在層的空白處按兩下,選擇插入新的物件,選擇Sprite。當滑鼠變成「+」時,在格子上點擊,圖像編輯器就出現了。
讓我們從玩家idle動畫裡加入Sprite動畫。像以前一樣,右擊Animation Frames視窗選擇Import sprite strip...。
選擇檔Player\Idle\Idle.png。注意這是個完整的Sprite圖,沒有動畫幀。你也可以添加一系列的圖片,使用選項Import frames...,但現在讓我們使用前者的方法。
因為這個圖片不是正方形,Construct 2會猜測有多少幀。它可能自己就定義為11幀,選擇OK把幀圖片加進來。
注意在開始的時候有默認的空白幀。右擊選擇刪除。你現在有了11個動畫圖像組成的玩家休閒動作序列幀。
裁剪
你可能注意到了玩家圖像周圍有透明的地方,這很常見。這會佔據電腦的記憶體,並使碰撞變得不準確。
這個方法能快速改變,在圖像編輯器裡按住 shift並選擇Crop。
如果你沒按著shift,那麼就只有這幀被裁剪。所以確定你一定要按著shift,裁剪的才是整個動畫。玩家動畫圖片現在被裁剪完畢了,沒有多餘的空白。
設定原點
原點或者稱之熱點預設在對象的中心。在平台遊戲裡,最好把原點設為玩家角色的腳。這意味著如果動畫圖像變高,它會往上長,而不是插入到地板裡。
要設置原點,點擊Set origin and image points工具。
現在你會在玩家圖像裡發現一個紅點。這就是原點,點擊去改變它的位置。現在我們想把它設成底部中間。我們可以按下數位鍵盤2.如果你沒有數位鍵盤,你可以右擊Origin然後選擇Quick assign-Bottom。
如果每幀都得這麼做會很麻煩,幸運的是有個快捷方法。在Image points裡右鍵點擊Origin選擇Apply to whole animation
Bingo!每一幀的原點都設好了。
迴圈動畫
在動畫窗口裡點擊Default,重命名為Idle。
在屬性欄裡,把動畫的速度改成9,把迴圈設成yes。
在Idle動畫右擊選擇Preview。你就能看到角色動起來了。關閉動畫預覽和圖像編輯器。你能在你的圖層裡看到玩家角色。
把物件重命名為Player,我們需要好的命名習慣。