iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0
自我挑戰組

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

【Day18】老菜雞學下樓梯遊戲之Unity Animation Transitions&Parameters

  • 分享至 

  • xImage
  •  

前言

前幾天幫角色新增了idle狀態的動畫,然而遊戲怎麼可能只有一種狀態,所以今天我們要來增加另一個動畫,並學習Unity Animation Transitions及Parameters。


  • 新增run動畫
    由於現在我們想讓idle動畫,只有在Player不動時才播放,當Player在左右移動的時候,應該播放的是跑動的動畫,所以要再來新增一個動畫名為run
    在Animation視窗這邊點選Player物件→點idle→點Create New Clip...
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411yUArabJ4Hm.jpg
    →輸入run
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411zK0lfFzP0E.jpg
    →將準備好的素材一樣把它們全部拉到時間軸→調成合適的速度(Sample Rate)

    我這邊Sample Rate調成12

  • 在Animator Controller中創建動畫transitions
    如今可以看到idle與run之間是沒有連結的(transition),
    https://ithelp.ithome.com.tw/upload/images/20220930/2015241111c0LnyUPw.jpg
    這樣就沒辦法讓Player從idle動畫轉換到run動畫,所以我們要創建Animation Transition讓它們之間可以做狀態切換。
    在idle點右鍵→Make Transition→它會出現一條線,這條線就把他拉到Run這邊
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411FpWs5IivJS.jpg

https://ithelp.ithome.com.tw/upload/images/20220930/20152411DPM3qcQ8YY.jpg

  • 設定Animation Parameters
    動畫參數是在Animator Controller中定義的變量,這是Script控制或影響狀態流程的方法。
    參考連結

    從idle動畫變成run動畫會需要有個判斷條件,所以我們可以在Parameters新增一些參數,點+號新增一個Bool值把它叫做run。
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411oDJTRkCxS8.jpg
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411y0whpx1qii.jpg
    接著點選這條線可以發現右欄這邊有一個Conditions,也就是idle動畫變成run動畫的條件,點+號後可以發現剛新增的參數run會顯示出來,而我們要設定成它是true時就從idle變成run動畫。
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411Hp9wI9T9Yl.jpg
    run參數這邊可以看到後面有一個方形的框框↓
    https://ithelp.ithome.com.tw/upload/images/20220930/20152411pi2z3aIWPk.jpg
    若將它打勾就是說run參數在遊戲一開始時為true,那遊戲一開始Player是不動的,所以我們就把它設定成false(取消打勾)


心得

Unity的動畫系統真的有很多項目可以學,今天又繼續學到了Transitions及Parameters,接下來應該還有很多內容等著我去深入探討。
題外話:我剛剛又不小心關掉分頁了...所以打的文章有部分沒存檔到,只好重打一次/images/emoticon/emoticon02.gif

  • 參考網址: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)


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

尚未有邦友留言

立即登入留言