Visual Effect Graph | #1 系統簡介與概述
閱讀時間約 4 分鐘
一、前言
這篇文章將會講述 Unity Visual Effect Graph 的系統簡介，並且簡單介紹這項系統主線上的四個核心組件。
二、Visual Effect Graph
Unity Visual Effect Graph（VFX Graph）是Unity中的一個強大的視覺效果工具，它允許開發人員創建高度可定制的粒子效果和視覺特效。VFX Graph基於節點圖的編輯器，使你能夠以直觀的方式設計和控制複雜的視覺效果。
1. 粒子特效與圖形特效
我在之前有研究粒子特效，相關影片與內容放置在 Youtube 與 Instergram上面，有興趣可以看看；粒子特效是使用 CPU 運作的特效，而 VFX Graph 是使用 GPU 運作的特效。
粒子特效可以用程式碼去控制粒子效果，而 VFX Graph 僅能控制少量粒子特效，它們最值觀的差異在於粒子特效只有幾千個粒子，VFX Graph 屬於百萬數量的粒子特效。
2. 視覺化特效設計
節點式的視覺化編輯方式是 VFX Graph 的一大特色，在特效設計的時候提供實時預覽，能夠即時查看效果的變化，並且能通過調整節點的屬性和連接來進行實時的調整和測試。
我之前不太確定剛打開視窗時的那個黑色面板，但它是一個自定義變速與參數的面板，有很高的靈活性，依照我的 Unity 經驗，這應該是可以用 Script 進行實時控制的變數，它也能拉近 VFX Graph 的編輯器。
3. 主線與支線設計
編輯 VFX Graph 可以分為主線跟支線，也就是從產生粒子特效到最後輸出粒子特效的過程中，你隨時可以插入新的核心組件，並從組件延伸出去形成支線，由架構到執行細節。
主線規定了粒子特效的大方向，例如生命週期與位置；支線負責實行細節與調味，例如波浪轉換、時間曲線等等，雖然我還沒有詳細研究，但我認為在粒子特效（Particle System）中有的功能它應該都有。
三、系統簡介
當你打開 VFX Graph 的系統後，由上而下會有：
產生粒子
（Spawn）
（Spawn）
↓
初始化粒子
（Initialize Particle）
（Initialize Particle）
↓
更新粒子
（Update Particle）
（Update Particle）
↓
輸出
（Output Particle Quad）
（Output Particle Quad）
同時在畫面中，應該會有一個大大黑色面板擋住你的視線，那個是自定義變數面板，你可以設定參數後拖曳到 VFX Graph 中形成參數區塊，不過這功能現在還用不上。
1. 產生粒子（Spawn）
在「Spawn」部分，你可以決定整份粒子特效的一些設定，例如整個粒子特效會間隔幾秒執行一次，並且有著開始跟結束的支線連接點，可以點擊右鍵生成更多區塊（Block），這些區塊我試驗過，看起來都跟整體架構有關。
2. 初始化粒子（Initialize Particle）
在初始化階段，這邊大多數都跟設定有關，例如為粒子系統設定初速度或幫他們設定生命週期，你可以看到在每一個區塊（Block）的左邊都有一個帶有顏色的圈圈，這些是支線連接點。
你可以點擊右鍵新增一個區塊，並從支線連接點連接到區塊上，這些區塊有些是單純的數值控制、有些是項目的修飾，無論如何，主線區塊負責規定比較基礎的數值，而支線區塊負責這些數值的加工。
3. 更新粒子（Update Particle）
在更新粒子的階段，可以放一些持續更新的區塊組件，譬如說施力，讓粒子固定往某個方向施力、碰撞體、翻轉等等，讓粒子存在的每一個影格都持續施加某種效果。
4. 輸出（Output Particle Quad）
在輸出階段，通常會對粒子結束有關係，例如隨著生命週期改變顏色或隨著生命週期改變大小，這裡應該跟粒子特效最後的渲染方式相同，可以從後期改變特效的效果。
四、後記
這篇文章是我正式進入暑假的第一篇文章，希望之後可以寫得更好，並寫掌握更多寫作的平台。
為什麼會看到廣告
105會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月，我進入大學學習當一位設計師，從開始到沉寂，再到重燃熱忱，我將在方格子紀錄我的成長歷程、理念、心情，分享我在這段旅程中所經歷的故事。
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
在繁忙的城市夜晚模糊的燈光中，珍的面容反射出一幅情感的馬賽克。她的眼睛是深綠色的，閃爍著未落的淚水，通常被遮住的臉頰上的小疤痕今晚在附近霓虹燈的光芒下被照亮。珍一直在城市的混亂能量中找到慰藉，但今晚，她的思緒卻像周圍的狂亂一樣動盪不安。
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
對熱愛的美學著迷，對工作充滿期待，「YOURs VISUAL_妳的視覺美學」創辦人李宜宸，在疫情中創業，這個內心強大的女子以其堅韌的精神，面對客群的不穩定，忍痛與合夥人終止合作，仍保有創業初衷＿「開間溫暖的店，遇見溫暖的你」，創業是一個需要勇氣的抉擇，李宜宸縱身一躍、放手一搏，成就了此刻。
在virsual studio 2019 community中要連線sql server時出現以下訊息：
提供者：命名管道提供程序，錯誤：40 – 無法打開到 SQL Server 的連接。
provider：name pipe provider err:40 Could Not Open a
調試(Debugging)：
開始調試：F5
逐步執行：F10, F11
設置/刪除斷點：F9
停止調試：Shift + F5
調試視窗：Ctrl + Alt + P
調試選項：Alt + F7
編輯(Editing)：
自動排版程式碼：Ctrl + K, Ctrl + D
快速註解/取消註解：Ct
「VSCode 是世上最棒的 IDE 了吧」這時有人跳出來表示不服，定睛一看原來是那陳年的大哥 Visual Studio，他說道：「用 Windows 做開發的人一定要裝 Visual Studio 這樣專業的 IDE，不要裝其他次等的文字編輯器，才可以有效提升專業度。」
在方案總管視窗上有”顯示所有檔案” icon click
會出現所有檔案樹狀圖，在要加入的檔案icon上按右鍵，
會出現menu, 選按”加入至專案”即可。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
在繁忙的城市夜晚模糊的燈光中，珍的面容反射出一幅情感的馬賽克。她的眼睛是深綠色的，閃爍著未落的淚水，通常被遮住的臉頰上的小疤痕今晚在附近霓虹燈的光芒下被照亮。珍一直在城市的混亂能量中找到慰藉，但今晚，她的思緒卻像周圍的狂亂一樣動盪不安。
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
對熱愛的美學著迷，對工作充滿期待，「YOURs VISUAL_妳的視覺美學」創辦人李宜宸，在疫情中創業，這個內心強大的女子以其堅韌的精神，面對客群的不穩定，忍痛與合夥人終止合作，仍保有創業初衷＿「開間溫暖的店，遇見溫暖的你」，創業是一個需要勇氣的抉擇，李宜宸縱身一躍、放手一搏，成就了此刻。
在virsual studio 2019 community中要連線sql server時出現以下訊息：
提供者：命名管道提供程序，錯誤：40 – 無法打開到 SQL Server 的連接。
provider：name pipe provider err:40 Could Not Open a
調試(Debugging)：
開始調試：F5
逐步執行：F10, F11
設置/刪除斷點：F9
停止調試：Shift + F5
調試視窗：Ctrl + Alt + P
調試選項：Alt + F7
編輯(Editing)：
自動排版程式碼：Ctrl + K, Ctrl + D
快速註解/取消註解：Ct
「VSCode 是世上最棒的 IDE 了吧」這時有人跳出來表示不服，定睛一看原來是那陳年的大哥 Visual Studio，他說道：「用 Windows 做開發的人一定要裝 Visual Studio 這樣專業的 IDE，不要裝其他次等的文字編輯器，才可以有效提升專業度。」
在方案總管視窗上有”顯示所有檔案” icon click
會出現所有檔案樹狀圖，在要加入的檔案icon上按右鍵，
會出現menu, 選按”加入至專案”即可。