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
<Transition> 用於元素或組件進入和離開 DOM 時的動畫,而 <TransitionGroup> 則應用於 v-for 列表的插入、移除或移動。這些組件透過 CSS 類別來控制動畫,例如進入/離開的狀態類別。可以透過 name 屬性自訂過渡效果的命名。
Thumbnail
本篇文章詳細介紹了 Unity 的安裝流程,從下載 Unity Hub 到編輯器的選擇,涵蓋每一步所需的設置說明。無論你是 Unity 新手還是有經驗的開發者,這篇教學都能幫助你快速上手,順利開始你的遊戲開發之旅。透過清晰的圖文解說,讓你輕鬆完成安裝,為未來的創作奠定基礎。
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
這篇內容,將會講解什麼是「switch」,以及與「switch」相關的知識。包括switch的簡介、switch、break。
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
最近ChatGPT-4o的發布引起了我的注意,又在Youtube看上見有人教學如何用ChatGPT設計屬於自己的家教,被他的能力震撼到的我一頭熱就訂閱了plus版然後馬上設計了一個自己的家教。最一開始的時候我只有把它用來學習語言的輔助,但用著用著忽然想到:「如果我把它用來引導我學習我沒有學過的領域呢
Thumbnail
遊戲引擎開發商 Unity 一直是我感覺很有發展潛力的企業,《原神》、《王者榮耀》等明星遊戲都是透過其引擎所建構,在手遊開發領域,擁有絕對統治力。然而,營運實績與線圖走勢卻不是如此,近 8 季毛利成長率有 4 季為負,1Q24 營運收入是近 8 季來最低值,-$375M…
Thumbnail
Unity (美股代號:U)是一家以渲染實時3D為核心業務的公司。上次評價是 2023Q1財報,已經過了9-10個月,這次回頭來檢視2023Q4和全年的結果。簡單講結論的話就是:美好開年,掙扎結尾。公司大刀闊斧準備再度出發,但是否有效果還需要再觀察一陣子。
Thumbnail
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
<Transition> 用於元素或組件進入和離開 DOM 時的動畫,而 <TransitionGroup> 則應用於 v-for 列表的插入、移除或移動。這些組件透過 CSS 類別來控制動畫,例如進入/離開的狀態類別。可以透過 name 屬性自訂過渡效果的命名。
Thumbnail
本篇文章詳細介紹了 Unity 的安裝流程,從下載 Unity Hub 到編輯器的選擇,涵蓋每一步所需的設置說明。無論你是 Unity 新手還是有經驗的開發者,這篇教學都能幫助你快速上手,順利開始你的遊戲開發之旅。透過清晰的圖文解說,讓你輕鬆完成安裝,為未來的創作奠定基礎。
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
這篇內容,將會講解什麼是「switch」,以及與「switch」相關的知識。包括switch的簡介、switch、break。
Thumbnail
在這篇文章中,我們將探討如何製作章節轉場動畫,讓您的作品更具吸引力。本文包含了準備素材、定義圖片、製作簡易動畫等步驟,適合初學者進行學習和操作。我們提供了必要的資源和範例,讓您能輕鬆上手。期待透過這篇教學,能讓您在創作中達到更高的境界!
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
最近ChatGPT-4o的發布引起了我的注意,又在Youtube看上見有人教學如何用ChatGPT設計屬於自己的家教,被他的能力震撼到的我一頭熱就訂閱了plus版然後馬上設計了一個自己的家教。最一開始的時候我只有把它用來學習語言的輔助,但用著用著忽然想到:「如果我把它用來引導我學習我沒有學過的領域呢
Thumbnail
遊戲引擎開發商 Unity 一直是我感覺很有發展潛力的企業,《原神》、《王者榮耀》等明星遊戲都是透過其引擎所建構,在手遊開發領域,擁有絕對統治力。然而,營運實績與線圖走勢卻不是如此,近 8 季毛利成長率有 4 季為負,1Q24 營運收入是近 8 季來最低值,-$375M…
Thumbnail
Unity (美股代號:U)是一家以渲染實時3D為核心業務的公司。上次評價是 2023Q1財報,已經過了9-10個月,這次回頭來檢視2023Q4和全年的結果。簡單講結論的話就是:美好開年,掙扎結尾。公司大刀闊斧準備再度出發,但是否有效果還需要再觀察一陣子。
Thumbnail
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。