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

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

四、後記

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

留言
avatar-img
留言分享你的想法!
avatar-img
瓶裝雪的沙龍
108會員
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
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
這篇文章將會講述 Time line 的基礎軌道,並分享官方製作的 Time line 素材包。
Thumbnail
這篇文章將會講述 Time line 的基礎軌道,並分享官方製作的 Time line 素材包。
Thumbnail
這篇文章將會講述 Unity 中電影序列工具「時間軸(Time line)」的常見用途與介面配置。
Thumbnail
這篇文章將會講述 Unity 中電影序列工具「時間軸(Time line)」的常見用途與介面配置。
Thumbnail
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
Thumbnail
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
Thumbnail
這篇文章將會講述子彈時間、暫停時間相關的時間規模。
Thumbnail
這篇文章將會講述子彈時間、暫停時間相關的時間規模。
Thumbnail
這篇文章將會講述時間系統,以及 time 和 deltaTime 兩個時間類型。
Thumbnail
這篇文章將會講述時間系統,以及 time 和 deltaTime 兩個時間類型。
Thumbnail
這篇文章將會講述 Animation 在設定後要如何使用程式觸發,並不介紹直接使用的 Animation,並簡易提到 Animator 的連結教學。
Thumbnail
這篇文章將會講述 Animation 在設定後要如何使用程式觸發,並不介紹直接使用的 Animation,並簡易提到 Animator 的連結教學。
Thumbnail
這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。
Thumbnail
這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。
Thumbnail
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
Thumbnail
前言   這篇文章將會介紹粒子特效的概述,介紹一下它的來歷跟重要性,並介紹 Unity 中的粒子特效使用方式,並以實際範例作為介紹。 粒子特效   藉由各種不同顏色的粒子,用不同的爆發方式和發射形狀,來營造出各種不同的視覺效果,藉由粒子特效,能營造出優良的回饋感和震撼場面。 重要性 核心技能 應用
Thumbnail
這篇文章會介紹一個靜態浮點數Time.deltaTime,並教導你製作計時器,以及計時器的相關知識與使用建議。
Thumbnail
這篇文章會介紹一個靜態浮點數Time.deltaTime,並教導你製作計時器,以及計時器的相關知識與使用建議。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News