iT邦幫忙

2022 iThome 鐵人賽

DAY 16
0
自我挑戰組

老菜雞挑戰30天學爆Unity&C#會成功嗎?...系列 第 16

【Day16】老菜雞學下樓梯遊戲之Unity Animation+Animator Controller

  • 分享至 

  • xImage
  •  

前言

今天學習的內容大致是為了讓遊戲中的Player能移動地更生動一些,所以我們要來加點動畫讓遊戲視覺效果更上一層樓。


Unity Animation

  • 簡介
    Unity中的物件可以透過動畫讓物體動起來,達到更好的視覺效果,如物體移動、旋轉、角色的動作、面部表情等都可以使用動畫來達到目的。
  • Unity的動畫主要是透過三種方式來完成:
  1. 在Unity中製作動畫(由於Unity有內建完善的動畫系統)
  2. 從外部工具導入
  3. 使用

建立Animator Controller

  • 首先,在下方欄件再另外建個資料夾(名為Animations),先在裡面創建一個Animator Controller(名為Player)。
    https://ithelp.ithome.com.tw/upload/images/20220928/20152411MehwDyPL2t.jpg

https://ithelp.ithome.com.tw/upload/images/20220928/20152411BLZb7VA9IQ.jpg

  • 接著在Player物件新增動畫功能。
    先在Player物件這邊點Add Component→輸入Animator
    https://ithelp.ithome.com.tw/upload/images/20220928/20152411ql2MEsZC4e.jpg
    接者就可以看到Animator欄位這邊有個Controller,將先前創建的Animator Controller(名為Player)拉進去↓

    現在就表示這個Player物件它的動畫呢是由這個動畫控制器(名為Player)來控制的。

新增Animation視窗

點開上方Window→Animation→Animation
https://ithelp.ithome.com.tw/upload/images/20220928/20152411Rgwogmipu1.jpg
該視窗可以自己調整想放在介面的哪個位置喔!
https://ithelp.ithome.com.tw/upload/images/20220928/20152411AqWrtuPE4v.jpg

新增Player動畫

首先,點選Player物件,可以看到Animation視窗會跳出一個Create↓
https://ithelp.ithome.com.tw/upload/images/20220928/20152411SgOCWbNwUn.jpg
先新增Player閒置狀態的動畫:點開Create→輸入idle
https://ithelp.ithome.com.tw/upload/images/20220928/20152411UNzojEvy0T.jpg
由於動畫的原理就是在短時間之內切換一連串的圖片,所以我們現在要導入幾張圖片到Animation視窗的時間軸中。

按下播放鍵就可以看到它的動畫效果

  • 調整動畫速度
    剛剛試播可以發現它現在的速度太快了,沒注意的話會看不出它的動畫效果,所以我們接著要來調整動畫的速度。
    若要調整動畫圖片切換的速度,可以點時間軸左上方的三個點點→Show Sample Rate
    https://ithelp.ithome.com.tw/upload/images/20220928/20152411t1vezfUwbr.jpg
    接著視窗上就會出現Samples可以調整速度
    https://ithelp.ithome.com.tw/upload/images/20220928/20152411ZAlyaHP2uH.jpg
    數值更改成12的效果為

心得

有了Unity內建的動畫系統,讓我們可以很輕易地製作動畫,像現在我們只要有了圖片素材,就可以輕鬆將圖片拖曳到時間軸以完成動畫效果呢!

  • 參考網址:https://www.youtube.com/watch?v=nPW6tKeapsM&ab_channel=GrandmaCan-%E6%88%91%E9%98%BF%E5%AC%A4%E9%83%BD%E6%9C%83

  • 音效、圖片 : 遊戲素材
    (素材由安德斯提供,感謝大大/images/emoticon/emoticon41.gif)


上一篇
【Day15】老菜雞學下樓梯遊戲之轉向問題-Unity SpriteRenderer Flip
下一篇
【Day17】老菜雞學下樓梯遊戲之Unity Animation+Animator
系列文
老菜雞挑戰30天學爆Unity&C#會成功嗎?...30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言