Unity Component | Animator Play and Transition

閱讀時間約 3 分鐘

前言

  這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。

Video | 影片

  下方是我用來示範的 Youtube 影片,可以點擊進去看看 Animation.Play和Animator Transition 的差異,很輕鬆就能看出差異。

Animator & Animation

  在之前就有三篇文章介紹 Unity 動畫的運用方式,分別從名詞和視窗介紹到簡易和高階程式控制,想了解基本知識可以參考下列連結,今天要介紹的是其中關於 Play 和 Transition 這兩種控制方式的差異。

Play | 播放

  在我們寫程式的過程中,Animation.Play 很常用,這能解決新手的大部分問題,常見的使用方式為在 if 判斷式後添加,當玩家按下某一個按鍵後,會播放某一個動畫。

Transition | 過渡線

  在我們更深入理解 Unity 動畫後,我們學習到複合組合會使用 Transition 連接不同的 Animation Clip ,遊戲設計師會使用不同的參數去控制動畫,

Animator.Play

  接下來會介紹直接播放的特色。

指定轉換

  Play 有播放的意思,也就是說會播放程式後面輸入的字串,因此使用這個程式會直接呼叫指定的 Animation Clip且不需要任何條件,無視所有 Transition 的連接,直接播放指定 Animation。

開頭或零延遲

  雖然說你也可以所有動畫都用 Animation.Play 硬硬套,不過這個程式碼通常會用在一個動畫的開頭,通常是系列動畫的開頭,不播放完不允許切換的那種動畫,因此可以直接用程式碼呼叫。
  它的播放即時且沒有延遲,不會有判斷延遲的問題,像是在角色動畫中的跳躍就很適合用 Animation.Play 來播放動畫,因為玩家按下空白鍵的那一剎那就會跳起來,不會有延遲。

Animator transition

  當我們對著 Animation Clip 點擊右鍵,就可以新增一個 Transition,英文全名為 Make Transition,點擊後選擇想要連接的另一個 Animation Clip 就可以了。

銜接轉換

  動畫在播放時,會有時間軸,當時間軸播放完成以後,會依循 Transition 的連接播放下一個 Animation Clip,點擊 Transition 可以進入路徑設定,其中有一個「Has Exit Time」取消勾選後,就可以在動畫播放中進入下一個。

補足缺失幀

  經由 Transition 連接的動畫片段 (Animation Clip) 會自動補足衝間的缺失幀,因此設計師只需要設定開頭和結尾,系統會以最短路徑和平均的時間,自動幫你分配好中間的缺失幀,不需要一幀一幀的調整。

後記

  這次是我在進行新遊戲構想的一個學習筆記,我一直以來都有使用簡單的播放和動畫控制編輯器的過渡線,不過在今天實際研究細節差異後,我才發現要補足缺少幀簡單的播放無法辦到,必須要過渡線才行。
  我一直都念「ㄓㄣ」而非「ㄓㄥˋ」,結果查教育部才發現是後者,而且輸入法才能輸入,每一幀念起來不太習慣。

瓶裝雪

參考資料

為什麼會看到廣告
avatar-img
106會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
瓶裝雪的沙龍 的其他內容
這篇文章將會講述關於相機的核心和常用知識。
這篇文章將會介紹 Unity 相機的不同空間座標。
這篇文章將會講述時間系統,以及 time 和 deltaTime 兩個時間類型。
這篇文章將會講述企劃撰寫給程式員的邏輯流程圖。
這篇文章將會講述 Unity Event 的介紹及基礎使用方法。
這篇文章將會介紹企劃使用的文件格式與其特性。
這篇文章將會講述關於相機的核心和常用知識。
這篇文章將會介紹 Unity 相機的不同空間座標。
這篇文章將會講述時間系統,以及 time 和 deltaTime 兩個時間類型。
這篇文章將會講述企劃撰寫給程式員的邏輯流程圖。
這篇文章將會講述 Unity Event 的介紹及基礎使用方法。
這篇文章將會介紹企劃使用的文件格式與其特性。
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
<Transition> 用於元素或組件進入和離開 DOM 時的動畫,而 <TransitionGroup> 則應用於 v-for 列表的插入、移除或移動。這些組件透過 CSS 類別來控制動畫,例如進入/離開的狀態類別。可以透過 name 屬性自訂過渡效果的命名。
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
這篇內容,將會講解什麼是「switch」,以及與「switch」相關的知識。包括switch的簡介、switch、break。
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
Renpy 影片播放功能可以使用在玩家初次遊玩遊戲時播放主題曲或是開場。要讓 Renpy 可以判斷影片是否還在播放中,需要加入代碼。在畫面顯示時播放影片,當秒數歸零時影片隱藏。最後,需要一個可以判斷影片播放進度的功能。這樣以上就可以用來播放無法跳過的影片拉。
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
<Transition> 用於元素或組件進入和離開 DOM 時的動畫,而 <TransitionGroup> 則應用於 v-for 列表的插入、移除或移動。這些組件透過 CSS 類別來控制動畫,例如進入/離開的狀態類別。可以透過 name 屬性自訂過渡效果的命名。
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
這篇內容,將會講解什麼是「switch」,以及與「switch」相關的知識。包括switch的簡介、switch、break。
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
Renpy 影片播放功能可以使用在玩家初次遊玩遊戲時播放主題曲或是開場。要讓 Renpy 可以判斷影片是否還在播放中,需要加入代碼。在畫面顯示時播放影片,當秒數歸零時影片隱藏。最後,需要一個可以判斷影片播放進度的功能。這樣以上就可以用來播放無法跳過的影片拉。