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 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在繁忙的城市夜晚模糊的燈光中，珍的面容反射出一幅情感的馬賽克。她的眼睛是深綠色的，閃爍著未落的淚水，通常被遮住的臉頰上的小疤痕今晚在附近霓虹燈的光芒下被照亮。珍一直在城市的混亂能量中找到慰藉，但今晚，她的思緒卻像周圍的狂亂一樣動盪不安。
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 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在繁忙的城市夜晚模糊的燈光中，珍的面容反射出一幅情感的馬賽克。她的眼睛是深綠色的，閃爍著未落的淚水，通常被遮住的臉頰上的小疤痕今晚在附近霓虹燈的光芒下被照亮。珍一直在城市的混亂能量中找到慰藉，但今晚，她的思緒卻像周圍的狂亂一樣動盪不安。
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, 選按”加入至專案”即可。