iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0
自我挑戰組

2D像素遊戲設計經驗分享系列 第 17

2D像素遊戲設計經驗分享 - 匯入動畫及設定

  • 分享至 

  • xImage
  •  

匯入動畫

如果場景中未出現動畫,我們可以透過把一組動作的每一幀拖進畫面中。注意是一組動作,例如人物的一套閒置動作,而非他所有的跑動跳躍等。Sunny Land 中我們可以嘗試把 Sprites > player > idle 的 4 張圖片都拖到場景中,記得要幫每一張圖片設定每單位像素數為 16。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146F0jbFMS3Pv.png

然後 Unity 會為這個物件建立兩個動畫控制器 anim 以及 controller 檔。我們可以建立一個資料夾去專門放置 它們,並把這次的檔案命名為 PlayerIdle。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146tmvvYof97i.png

之後點擊播放鍵,再從場景分頁中觀看,會看見人物在播放剛剛建立的閒置動畫。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146sKvUYb5UJh.png

設定動畫

要處理動畫的播放效果,我們可以打開剛剛建立的 anim 檔。Unity 會跳出一個動畫視窗,一般為了方便使用我們會放在檔案的位置。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146oB3SNqlPFb.png

點擊場景中的角色後,我們便可以編輯和預覽動畫。左下角有一個播放按鈕可以進行預覽。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146vI296q3C7u.png

如果想改變動畫的速度,我們可以更改動畫的 sample rate,點擊右上角時間軸旁的按鈕,選擇 show smaple rate,然後改變 playerIdle 旁新出現的樣本數字,數字代表每秒會刷新多少幀的動畫,愈大動畫就會播放越快,愈小則愈慢,各位可以嘗試不同數字。如果對時間軸用法熟悉的話甚至可以獨立調整每一幀的時間。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146HHWlwBpgNn.png
https://ithelp.ithome.com.tw/upload/images/20231002/20163146V1ZaFzu027.png

如果想讓人物類擁有多於一種動作,可以在 playerIdle 的位置點擊建立新剪輯。這次我會建立跑步動畫 playerRun。然後可以把 run 的每一幀拖到動畫編輯器中,樣本數字也需要再次調整。
https://ithelp.ithome.com.tw/upload/images/20231002/20163146nSe10oVmDj.png
https://ithelp.ithome.com.tw/upload/images/20231002/201631466swolTIaDO.png

各位可以嘗試為 item 中的 cherry 和 gem 也放置到場景中並製作動畫。


上一篇
2D像素遊戲設計經驗分享 - 使用 Tilemap 製作場景
下一篇
2D像素遊戲設計經驗分享 - Unity 物理及碰撞箱基本設定
系列文
2D像素遊戲設計經驗分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言