Unity Animation | 介紹與編輯視窗

更新 發佈閱讀 3 分鐘

前言

  這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。

動畫 | Animation

  動畫在遊戲中具有不可撼動的地位,無論是角色的移動跑步或靜置時微微的晃動,到非互動場景的動畫,在 Unity 中有一整套工具和組件可以使用,並且在需要的時候,還能直接錄製並使用。

  在我新手時期,我會很迷惑於 Animation 代表的意思,因為無論是動畫編輯器、動畫、動畫資源,有不少東西的英文名稱就叫做 Animation,當我們熟悉以後,就能分清楚哪個是視窗、哪個是組件、哪個是術語。

動畫視窗 | Window

  我們來談談設計師編輯與設計相關的視窗,總共有三個,其中兩個為最常見也是最核心的視窗。

vocus|新世代的創作平台

在 Window → Animation 中,有三個可以開啟的視窗,分別是 Animation 、 Animator 、 Animator Parameter。

動畫編輯器 | Animation

vocus|新世代的創作平台

  這是專門控制動畫細項的編輯器,裡面是控制動畫在每一幀的動作,設計師可以藉由編輯器一幀一幀的觀察動畫,也能錄製想要的動作,並且可以切換不同的動畫進行審閱,在動畫撥放的時候,也可以決定場景中的物件要不要預覽。

動畫控制編輯器 | Animator

vocus|新世代的創作平台

  我們有很多不同的動畫,像是靜置、跑步、拾取物件等等,這些動畫可以聚集起來一起在 Animator 中一起觀看,控制順序和流程,並且設置讓不同動畫轉移到另一個動畫的條件,並且可以分圖層進行分類。

  同時,Animator 也可以使用程式進行控制,因此在編輯器中沒有連線的動畫也可能是被使用的動畫,其中裡面也包含了我們下一個要介紹的 Animator Parameter 。

動畫參數 | Animator Parameter

vocus|新世代的創作平台

  在 Animatior 中,可以用 + 來新增參數,這是屬於 Animator 的參數,並且使用這些參數來為 Animator 設置條件,如果需要使用程式腳本控制,也可以在程式腳本 (Script) 中宣告的哪一個參數是 Animator 中的某一個參數。

後記

  我在同學的建議下,重新回來看看 Animation 相關的知識,我一直以為要用比較特別的控制方式,然而似乎是動畫就可以解決了。

留言
avatar-img
瓶裝雪的沙龍
117會員
247內容數
你好,我是瓶裝雪!我是一名遊戲設計師!
瓶裝雪的沙龍的其他內容
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
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時,其中互動控制是以JavaScript架構來達成(非ActionScript),而可以接受JavaScript控制的元件有【影片片段元件 】與【按鈕元件】,二者差別在於【按鈕元件】有預設
Thumbnail
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時,其中互動控制是以JavaScript架構來達成(非ActionScript),而可以接受JavaScript控制的元件有【影片片段元件 】與【按鈕元件】,二者差別在於【按鈕元件】有預設
Thumbnail
要構成動畫的二大元素『時間』與『動畫內容』,在Animate中都是仰賴時間軸控制版,動畫內容即是以圖層來構成,而動畫時間的控制就得仰賴時間軸上的『影格』,來進行動畫設計製作與記錄。 1.時間軸 Adobe Animate CC 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影
Thumbnail
要構成動畫的二大元素『時間』與『動畫內容』,在Animate中都是仰賴時間軸控制版,動畫內容即是以圖層來構成,而動畫時間的控制就得仰賴時間軸上的『影格』,來進行動畫設計製作與記錄。 1.時間軸 Adobe Animate CC 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影
Thumbnail
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時,其中互動控制是以JavaScript架構來達成。Canvas 是 HTML5 的新元素,其中提供的 API 可讓您動態產生並顯示圖形、圖表、影像和動畫。有了適用於 HTML5 的 Canvas API,就可以透過
Thumbnail
在Animate CC 是以HTML5+Canvas的格式發佈成網頁檔動畫與互動控制時,其中互動控制是以JavaScript架構來達成。Canvas 是 HTML5 的新元素,其中提供的 API 可讓您動態產生並顯示圖形、圖表、影像和動畫。有了適用於 HTML5 的 Canvas API,就可以透過
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型,逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫,全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫    製作方式:依序在要設定內容的時間點上插入關鍵影格,設定更改內容即可。 (2)
Thumbnail
1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型,逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫,全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫    製作方式:依序在要設定內容的時間點上插入關鍵影格,設定更改內容即可。 (2)
Thumbnail
在變形操作時若需要固定變形數值,就需要在變形浮動視窗上才能輸入固定變形數值,且可以搭配『重製選取範圍並變形』按鈕,進行多次的重複變形。 1.重複縮放 繪製矩形框(一般矩形工具繪製請群組),選取並至【變形】控制板上(視窗>變形)按下限制鎖定按鈕(等寬高),再輸入欲放大的寬度值,並直接按下變形控制版右下
Thumbnail
在變形操作時若需要固定變形數值,就需要在變形浮動視窗上才能輸入固定變形數值,且可以搭配『重製選取範圍並變形』按鈕,進行多次的重複變形。 1.重複縮放 繪製矩形框(一般矩形工具繪製請群組),選取並至【變形】控制板上(視窗>變形)按下限制鎖定按鈕(等寬高),再輸入欲放大的寬度值,並直接按下變形控制版右下
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
利用影片片段安排要控制的動畫內容,包括圖片切換顯示動畫,以及各個設定互動控制的按鈕元件,再搭配正確的互動控制程式碼片段,即可完成具動畫效果的動態產品介紹互動設計。  Step1. 點取介紹內容並設定實體名稱『all_mc』。 進入到全部內容元件內,點取上方介紹內容設定實
Thumbnail
利用影片片段安排要控制的動畫內容,包括圖片切換顯示動畫,以及各個設定互動控制的按鈕元件,再搭配正確的互動控制程式碼片段,即可完成具動畫效果的動態產品介紹互動設計。  Step1. 點取介紹內容並設定實體名稱『all_mc』。 進入到全部內容元件內,點取上方介紹內容設定實
Thumbnail
利用影片片段安排要控制的動畫內容,以及各個設定互動控制的按鈕元件,再搭配正確的互動控制程式碼片段,即可完成具動畫效果的畫面切換內容。  Step 1. 場景左側由遮色片控制顯示範圍的所有頁面元件實體名稱為【all_mc】,另外五個按鈕元件實體名稱依序為【b1_btn ~
Thumbnail
利用影片片段安排要控制的動畫內容,以及各個設定互動控制的按鈕元件,再搭配正確的互動控制程式碼片段,即可完成具動畫效果的畫面切換內容。  Step 1. 場景左側由遮色片控制顯示範圍的所有頁面元件實體名稱為【all_mc】,另外五個按鈕元件實體名稱依序為【b1_btn ~
Thumbnail
目標動畫效果:應用影片片段元件與傳統補間動畫,以及多個影片片段元件的組合,包括遮色片動畫技巧,最後結合按鈕元件的使用與停止動作行為,完成互動按鈕的動態效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔內場景上各個動畫素材均已各自轉換為
Thumbnail
目標動畫效果:應用影片片段元件與傳統補間動畫,以及多個影片片段元件的組合,包括遮色片動畫技巧,最後結合按鈕元件的使用與停止動作行為,完成互動按鈕的動態效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔內場景上各個動畫素材均已各自轉換為
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News