Unity | Time line 入門

更新於 發佈於 閱讀時間約 4 分鐘

一、前言

  這篇文章將會講述 Time line 的入門方式,從安裝到配置,並分享一個簡單的流程與步驟,了解 Unity Time line 的運作方式。


二、配置

  Time line 是電影序列工具,單個遊戲中有各種不同的動畫,因此它是一個放在遊戲物件裡面的播放器。


1. Unity 安裝 Time line

raw-image

  在 Unity 的左上方 Windows 清單,開啟 Pakage Manager 的視窗,隨後調整 Pakages: 的模式為 Unity Registry,在右方的搜尋欄位打上 Time,點擊視窗右下角的 Install 即可安裝,若只有 remove,則代表已經安裝 Time line 了。


2. Hirarchy 添加 Playable Director

raw-image

  創建空的遊戲物件,並點擊下方的 Add Component ,輸入 Playable Director 並點擊該 Component,其名稱與圖標如上圖所示。


3. Assets 創建 Time line 素材

raw-image

  在 Unity Assets 裡面,找一個地方點擊右鍵,選擇 Create,找到並點擊 Timeline ,圖標如上圖所示。


4. 連結 Time line 素材至 Playable Director

raw-image

  在 Playable 的欄位,拖曳新創見的 Time line 至此處。如果沒有幫素材命名,則此素材會叫做 New Timeline,後面括弧註明這是一個 Timeline 素材。


三、使用步驟

  接下來用 Time line 最簡單的兩個軌道進行示範,包含如何添加軌道、調整軌道時間軸、如何運用曲線,其他軌道可以自行摸索,或等下一篇文章介紹。


1. 創建測試用物件

raw-image

  創建一個 Cube,如果是全新的場景,物件會出現在正中央。


2. 開啟 Time line 並調整時間刻度

raw-image

  在 Hirarchy 中點擊添加 Time line 的遊戲物件,在 Inspector 中點擊兩下 New Timeline (Time line Assets),進去後在視窗右邊有一個齒輪,點擊後選擇 Seconds。


3. 創建 Activation Track

raw-image

  點擊「+」號,選擇 Activation Track。左邊出現一個綠色勾勾,名稱為 Activation Track 的軌道,右邊會出現一個 Active 的時間片段,拖曳時間片段讓其最左邊為 1.00。


4. 創建 Animation Track

raw-image

  點擊「+」號,選擇 Animation Track。左邊有青色三角形的欄位,並且提示設計師 None (Animator),拖曳創建的 Cube 至此欄位。跳出視窗,此時點擊 Create Animator on Cube。


5. 動畫錄製-添加開始影格

raw-image

  點擊紅色圓圈,軌道會變成紅色,並拖曳位於時間的白色拉桿至1.00。點擊 Hirarchy 中的 Cube,在 Position 的地方點擊右鍵,選擇 Add Key。這樣代表在該時間添加創建一個關鍵影格。


6. 動畫錄製-添加結束影格

raw-image

  拖曳位於時間的白色拉桿,調整至 5.00。點擊 Hirarchy 的 Cube ,調整 Position 為 5,0,0。點擊軌道左方的紅色圓圈,結束錄製。


7. 轉換成 Clip Track (可選)

raw-image

  在 Animation Track 位於時間的任意處點擊右鍵,選擇 Conver To Clip Track,即可把該動畫變成可調整的動畫片段。

raw-image


8. A輪測試-他能動嗎?

  點擊|<<的按鈕,可以移動位於時間的白色拉桿到 0.00。按下>可以開始播放,此時發現 Activation Track 沒有發揮功用。把Cube 拖曳至該 Track 的 None 的地方,再播放,這次物件一開始會消失,再出現時馬上移動。


9. 調整曲線

raw-image

  回到 Time line,點擊紅色圓圈旁邊的按鈕顯示曲線。點擊 Position 左側的三角形,可以打開收納的三個座標,點擊 X 座標,把動畫尾端的淺灰色拉桿往下調整,如上圖所示。

10. B輪測試-曲線移動

  按下播放,發現物體一開始幾乎沒有移動,隨後越來越快直到動畫結束。

四、後記

  這篇文章介紹 Time line 的入門,藉由 Activation 與 Animation 這兩個最常用的軌道,讓讀者熟悉 Time line 的使用。下一篇文章將會介紹各種不同的軌道與基本介紹。

留言
avatar-img
留言分享你的想法!
avatar-img
瓶裝雪的沙龍
109會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
瓶裝雪的沙龍的其他內容
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
這篇文章將會講述 Time line 的入門方式,從安裝到配置,並分享一個簡單的流程與步驟,了解 Unity Time line 的運作方式。
Thumbnail
這篇文章將會講述 Time line 的入門方式,從安裝到配置,並分享一個簡單的流程與步驟,了解 Unity Time line 的運作方式。
Thumbnail
Unity UPR 是一款資源檢測軟體,用於不同平台的基本規範來進行專案優化的指導,這篇就要來教學怎麼在 Windows 系統上使用 cmd 來導入專案資訊到網站的 Unity UPR 進行資源檢測。
Thumbnail
Unity UPR 是一款資源檢測軟體,用於不同平台的基本規範來進行專案優化的指導,這篇就要來教學怎麼在 Windows 系統上使用 cmd 來導入專案資訊到網站的 Unity UPR 進行資源檢測。
Thumbnail
如何使用Game CI 提供的Github Action 將建置專案自動化
Thumbnail
如何使用Game CI 提供的Github Action 將建置專案自動化
Thumbnail
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
Thumbnail
這篇文章將會講述彈簧物件的物件介紹、製作流程、展示影片。
Thumbnail
前言   這篇文章將會介紹生成物件的五種多載說明和三種應用流程。 Instantiate | 生成遊戲物件   這個英文單字的中文翻譯為「實例化」,如果單純用於 GameObject 的話你可以叫他生成物件,不過 Instatiate 還有其他的功用,像是 Clone 腳本和泛型化,這個就不在我們今
Thumbnail
前言   這篇文章將會介紹生成物件的五種多載說明和三種應用流程。 Instantiate | 生成遊戲物件   這個英文單字的中文翻譯為「實例化」,如果單純用於 GameObject 的話你可以叫他生成物件,不過 Instatiate 還有其他的功用,像是 Clone 腳本和泛型化,這個就不在我們今
Thumbnail
本篇文章將會講述UnityEditor的簡單使用方式,並且詳細介紹Unity客製化最核心的機制[MenuItem("")],就由範例與說明帶你快速搞懂Unity Editor到底在設計什麼。
Thumbnail
本篇文章將會講述UnityEditor的簡單使用方式,並且詳細介紹Unity客製化最核心的機制[MenuItem("")],就由範例與說明帶你快速搞懂Unity Editor到底在設計什麼。
Thumbnail
使用介面 這是你創建新的 scene 後會看到的畫面 右上方的工具列 : 從頭開始瀏覽你的專案 創建角色
Thumbnail
使用介面 這是你創建新的 scene 後會看到的畫面 右上方的工具列 : 從頭開始瀏覽你的專案 創建角色
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News