Unity | Time line 用途與介面

閱讀時間約 3 分鐘

一、前言

  這篇文章將會講述 Unity 中電影序列工具「時間軸(Time line)」的常見用途與介面配置。

二、時間軸(Time line)

  在專題製作中,我開始接觸時間軸,並體會到時間軸的實用性,對於呈現概念來說,這個工具有不可替代的地位。這邊介紹幾個常見的時間軸用途,包含劇情動畫、概念動畫、特效測試。

1. 劇情動畫

  首先是劇情動畫,許多 Unity 製作的遊戲中,玩家看到的遊戲內動畫大多都是用 Time line 製作而成,而非用程式去撰寫。在時間軸這個工具中,設計師可以每一個影格去調整遊戲物件的位置。

  除了方便編輯動畫的細節以外,也能一次性檢視動畫的各項元素,例如遊戲角色、特效、音效、字幕都可以一次性調整,不用切換不同的遊戲物件檢視,這對設計整段動畫至關重要。

2. 概念動畫

  除此之外,在遊戲製作初期,可以用時間軸製作具體的行為模式,例如「玩家移動到寶箱面前,開啟寶箱」這段描述,每個人的想像都不一樣,就能製作一段動畫,統一每個人的描述。

  例如寶箱的大小、會噴發什麼樣的特效、特效的顏色是什麼、音效給予玩家的感覺、畫面比例、玩家與寶箱的距離、光線等等,概念動畫可以當作一個「決定」的載體。

3. 特效測試

  對於想玩特效,或想了解特效的遊戲設計師,可能會有困擾就是每次播動畫都要按下 Play 才能檢視比較複雜的特效,例如子彈飛行時的特效、玩家揮舞大劍的軌跡、連續技能中命中的特效等。

  時間軸可以辦到這些事情,也能每一個影格查看,粒子特效也能每一個影格查看,更棒的是不用每一次都按下 Play 子彈才會飛了,現在可以自己手動調整子彈從 A點飛到B點,並安裝特效看看效果。

三、介面

raw-image

  這是我的專案,在呈現玩家具體行為的某個時間軸,用資料夾把每一個動畫軌道給收納好,接下來介紹該介面的各個區域,包含播放器、軌道、時間軸。

1. 播放器

raw-image

  設計師可以播放器預覽(Preview)動畫,也能逐個影格查看,或是跳至特定影格。「+」可以添加軌道,會在下一篇文章中觀看;「+」右側的四個按鈕則是軌道的融合情形,基本上默認的就夠用了。


2. 軌道

raw-image

  橫跨播放器與時間軸是軌道,軌道的左邊是上面講的內容,也就是具體的對象或控制中樞,而右側是時間,單個軌道中可以放置非常多的時間片段,就像是動畫編輯器中的動畫片段一樣。

  軌道與時間為 Animator,時間片段為一個個 Animation Clip,設計師可以在播放器中點擊右鍵,在 Animation 中編輯該時間片段,因此不同的時間片段也能稱之為動畫。

3. 時間軸

raw-image

  時間軸上方是該時間軸的名稱,後方則是此時間軸放置的遊戲物件名稱,右側的齒輪可以調整時間的刻度,能在秒數與影格做選擇。下方是對應時間的時間片段,這邊因為收納起來,所以僅能看到片段的陰影。

四、後記

  詳細的時間軸編輯與入門方式會在下一篇文章做講解,這篇文章主要是藉由介面大致講述一遍該工具的適用範圍,不包含詳細的使用方式。

105會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
留言0
查看全部
發表第一個留言支持創作者!
瓶裝雪的沙龍 的其他內容
這篇文章將會講述發散與構思具體行為的細節,包含文字、圖像、動畫,介紹彼此的優缺點與侷限性,最後逐個講述重點與核心。
這篇文章將會講述座標(Transform)與剛體(Rigidbody)在移動上的優點與缺點,並且迪出我的經驗與看法。
這篇文章將會講述 While 迴圈與 Do-While 迴圈。
這篇文章將會講述 if 判斷式的簡寫與可讀性維護。
這篇文章將會講述一個 Physics.Raycast 命中判斷的簡易寫法。
這篇文章將會講述 Unity 自帶參數的功能,在撰寫時要怎麼進行封裝。
這篇文章將會講述發散與構思具體行為的細節,包含文字、圖像、動畫,介紹彼此的優缺點與侷限性,最後逐個講述重點與核心。
這篇文章將會講述座標(Transform)與剛體(Rigidbody)在移動上的優點與缺點,並且迪出我的經驗與看法。
這篇文章將會講述 While 迴圈與 Do-While 迴圈。
這篇文章將會講述 if 判斷式的簡寫與可讀性維護。
這篇文章將會講述一個 Physics.Raycast 命中判斷的簡易寫法。
這篇文章將會講述 Unity 自帶參數的功能,在撰寫時要怎麼進行封裝。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
最近ChatGPT-4o的發布引起了我的注意,又在Youtube看上見有人教學如何用ChatGPT設計屬於自己的家教,被他的能力震撼到的我一頭熱就訂閱了plus版然後馬上設計了一個自己的家教。最一開始的時候我只有把它用來學習語言的輔助,但用著用著忽然想到:「如果我把它用來引導我學習我沒有學過的領域呢
Thumbnail
這篇文章將會介紹第三人稱遊戲設計中,關於角色的建模與動畫的設計與製作。
Thumbnail
這篇文章將會分享我用 Time line 製作的 Unity 部份概念動畫,並講述其中要呈現的特點與打擊感的分析。
Thumbnail
這篇文章將會講述 Time line 的基礎軌道,並分享官方製作的 Time line 素材包。
Thumbnail
這篇文章將會講述 Time line 的入門方式,從安裝到配置,並分享一個簡單的流程與步驟,了解 Unity Time line 的運作方式。
Thumbnail
啊,,,,,是這個樣子的,這是我今正在做的東西, 目前做到的進度是, unity醬可以上下左右,搭配上timeline預先設定好路線,創造出往前樣子,那第一次寫發射砲彈的東西,就來記錄一下。 子彈(粒子效果) 這邊我還很爛QQ,但網路上有推薦文章,這篇真的介紹的很詳細: Unity Part
Thumbnail
每個專案開發,都是由多個工程師來完成,就算只有一個人,隨著專案增量,你便會與過去的你面對面,這時候程式碼的可讀性高低就會成為左右你開發效率的一塊石頭,這篇就來說說幾個程式碼管理的小撇步
Thumbnail
物理中最基礎的表現就是碰撞,像是這次的示範是左邊的方塊撞擊右邊的方塊並彈開,這就是一種碰撞。在Unity裡想要實現這種碰撞的表現要有兩種東西,Rigidbody 及Collider 這兩種Component。
Thumbnail
Unity (美股代號:U) 是全球最大的遊戲製作平台與龍頭引擎。不過股價自高點滑落並盤據20-30元已經有一段時間。此次財報非常樂觀,值得一看。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
最近ChatGPT-4o的發布引起了我的注意,又在Youtube看上見有人教學如何用ChatGPT設計屬於自己的家教,被他的能力震撼到的我一頭熱就訂閱了plus版然後馬上設計了一個自己的家教。最一開始的時候我只有把它用來學習語言的輔助,但用著用著忽然想到:「如果我把它用來引導我學習我沒有學過的領域呢
Thumbnail
這篇文章將會介紹第三人稱遊戲設計中,關於角色的建模與動畫的設計與製作。
Thumbnail
這篇文章將會分享我用 Time line 製作的 Unity 部份概念動畫,並講述其中要呈現的特點與打擊感的分析。
Thumbnail
這篇文章將會講述 Time line 的基礎軌道,並分享官方製作的 Time line 素材包。
Thumbnail
這篇文章將會講述 Time line 的入門方式,從安裝到配置,並分享一個簡單的流程與步驟,了解 Unity Time line 的運作方式。
Thumbnail
啊,,,,,是這個樣子的,這是我今正在做的東西, 目前做到的進度是, unity醬可以上下左右,搭配上timeline預先設定好路線,創造出往前樣子,那第一次寫發射砲彈的東西,就來記錄一下。 子彈(粒子效果) 這邊我還很爛QQ,但網路上有推薦文章,這篇真的介紹的很詳細: Unity Part
Thumbnail
每個專案開發,都是由多個工程師來完成,就算只有一個人,隨著專案增量,你便會與過去的你面對面,這時候程式碼的可讀性高低就會成為左右你開發效率的一塊石頭,這篇就來說說幾個程式碼管理的小撇步
Thumbnail
物理中最基礎的表現就是碰撞,像是這次的示範是左邊的方塊撞擊右邊的方塊並彈開,這就是一種碰撞。在Unity裡想要實現這種碰撞的表現要有兩種東西,Rigidbody 及Collider 這兩種Component。
Thumbnail
Unity (美股代號:U) 是全球最大的遊戲製作平台與龍頭引擎。不過股價自高點滑落並盤據20-30元已經有一段時間。此次財報非常樂觀,值得一看。