程式設計師的專屬浪漫——用3D Engine 5分鐘實現煙花綻放效果

2022 年 8 月 9 日
筆記

誰說程式設計師不懂浪漫？

作為程式設計師，用自己的程式碼本事手搓一個技術感十足的驚喜，我覺得，這是不亞於車馬慢時代手寫信的古典主義浪漫。

那麼，應該怎樣創作出具有自我身份屬性的浪漫驚喜呢？

玩法很多，今天給大家介紹一個不出錯的技術控浪漫實操方式——煙花粒子動畫，在虛擬空間為對方造一個漫天煙花，平行時空的浪漫，多酷。

必須的，煙花粒子動畫效果除了炫浪漫，還有多種切實的應用場景，比如，遊戲應用中，玩家得勝後的頁面呈現、春節等特定節假日的遊戲內氛圍打造等。

看個示例：

從粒子動畫走向更多精彩

煙花粒子動畫是搭載HMS Core 3D Engine實現的視覺效果，藉助3D Engine，還能開啟虛擬視界的更多精彩可能。3D Engine為開發者提供高性能、高畫質、高擴展性的實時3D引擎，以及便捷高效的可視化開發工具，幫助開發者製作高品質的3D應用。

如果你是遊戲開發或者對遊戲開發感興趣，那麼你用3D Engine能耍得不只是浪漫。

1、高清渲染與視覺特效，高度還原逼真光影效果；

2、多執行緒PBR渲染，實現高性能實時3D渲染效果；

3、CPU/GPU粒子渲染，模擬爆炸、火焰、雨雪等視覺特效；

4、3D角色及流暢動畫輕鬆造，支援實時骨骼動畫、表情動畫、全身IK、動畫重定向、多重動畫狀態機融合；

5、提供自動導航網格生成，多目標的路徑規劃，NPC智慧尋路及智慧避障功能；

6、3D Studio提供便捷開發工具，支援場景編輯、材質編輯、動畫編輯、地形編輯、腳本編輯等核心功能

總之，3D Engine在手，品質3D遊戲場面輕鬆有，不服來試！

實操指南——用3D Engine實現粒子動畫煙花效果

創建關卡

1、您需要創建一個新的關卡：在引擎首頁菜單欄中，選擇「文件 > 新建關卡」。

2、輸入Level名稱，比如「Fireworks」後，點擊「確認」創建成功。完成後您將進入到玄天引擎的Level介面。

環境搭建

1、在場景煙花效果之前，我們需要適當調整關卡中的環境，首先去除我們用不到的實體：在引擎首頁「實體大綱」窗口中的默認環境找到著色球和地面網格實體，滑鼠右鍵點擊刪除。

2、我們需要模擬一個較暗的環境：選中「實體大綱」窗口默認環境組中的天空，在引擎首頁右側的「組件屬性」窗口中找到高動態範圍天空盒組件，並調整曝光度屬性至-3.2。

3、選中「實體大綱」窗口默認環境組中的太陽，在引擎首頁右側的「組件屬性」窗口中找到定向光源組件，並滑鼠右擊該組件，點擊「禁用組件」。

4、在「實體大綱」窗口中滑鼠右擊選擇「創建實體」。

5、在「實體大綱」窗口中選中新創建的實體，在組件屬性中重命名為「Bloom」，並添加一個「光暈」組件和「後處理盒」組件來加強煙花粒子的光效。

6、設置光暈組件的參數如下圖。

完成以上步驟後你將得到以下效果

材質編輯

1、接下來我們需要為煙花粒子創建一些光效材質，首先在引擎首頁的全局菜單欄中點擊「工具 > 材質編輯器」打開材質編輯器。

2、在材質編輯器的菜單欄中點擊「文件 > 新建」，創建一個新的材質文件。

3、在彈出的窗口中選擇材質類型為「ParticleMesh」，並在工程目錄中的Assets文件夾中新建一個「Material」文件夾，將材質保持到此文件夾中，重命名為「Particle」。

4、材質編輯器的「材質屬性」窗口中展示當前材質類型及可輸入參數配置，您可以在此修改其相應的參數設置，參數設置如下圖。

·基礎顏色：使用基礎顏色中的顏色，可以在輸入欄中直接輸入RGB值，也可以點擊顏色方塊打開「選擇顏色」窗口調整顏色。

·自發光：使用自發光屬性，需要先打開「開啟」開關。顏色使用方式與基礎顏色屬性類似，強度決定了自發光的強度。

5、為了豐富我們的粒子光效，我們需要重複2~4步驟，重新創建兩個不同顏色的光效材質，並命名為「Particle_02」和「Particle_03」，參數設置如下圖。

粒子編輯

1、返回引擎首頁，在全局菜單欄中點擊「工具 > 粒子編輯器」打開粒子編輯器。

2、在粒子編輯器中的「資源瀏覽」窗口中找到工程目錄中的「Assets」文件夾，點擊選中後在瀏覽模板中滑鼠右擊並點擊「新建文件夾」，命名為「Particle」。

3、在我們步驟2中創建的「Particle」文件夾中滑鼠右擊並點擊「新建粒子系統」，命名為「Fireworks.particle」。

4、雙擊瀏覽面板創建的粒子進入編輯，在「發射器」窗口中會顯示一個默認效果：精靈粒子使用黃色材質，以每秒10個粒子的速度向上發射，粒子的生命周期為1秒。

5、我們需要創建一個向上發射的粒子部分和一個爆發的粒子部分組成發射和綻放的煙花效果，讓我們先編輯一個向上發射的粒子發射器。

點擊發射器節點中的「發射器屬性」屬性分類後，您可在「細節」面板查看該屬性分類下的屬性模組，按照下圖設置粒子最大發射數量和發射器時長。

點擊發射器節點中的「生成方式」屬性分類，勾選使用「爆發列表」生成方式，並在爆發列表中添加一個元素設置粒子數量為4。

點擊發射器節點中的「粒子基礎屬性」屬性分類，設置粒子的生命周期為1.5。

點擊發射器節點中的「發射器形狀」屬性分類，在發射器形狀中選擇為長方形，並按照下圖設置尺寸。

點擊發射器節點中的「速度」屬性分類，設置Z軸速度為7.0。

點擊發射器節點中的「尺寸」屬性分類，勾選「尺寸隨時間變化」，選擇類型為曲線值，並按照下圖設置X、Y、Z的最大值和曲線。

點擊發射器節點中的「外力」屬性分類，勾選加速度，並按下圖進行設置。

點擊發射器節點中的「光照」屬性分類，勾選光照，並按照下圖參數進行設置。

點擊發射器節點中的「渲染器」屬性分類，選擇渲染器為「網格體渲染器」，並在「Assets > Material > Particle.material」目錄中找到我們在材質編輯章節中保存的材質進行指定。

在網格體中指定「sphere.fbx」。

6、此時，我們已經完成了一個向上發射的粒子發射器，接下來我們需要再對爆發的煙花粒子進行編輯。

首先我們在「發射器」窗口中滑鼠右擊，點擊「添加發射器」添加一個新的發射器。

點擊發射器節點中的「發射器屬性」屬性分類後，按照下圖設置發射器屬性參數。

點擊發射器節點中的「生成方式」屬性分類後，按照下圖設置生成方式參數。

點擊發射器節點中的「粒子基本屬性」屬性分類後，按照下圖設置粒子基本屬性參數。

點擊發射器節點中的「發射器形狀」屬性分類後，按照下圖設置發射器形狀參數。

點擊發射器節點中的「速度」屬性分類後，按照下圖設置速度參數。

點擊發射器節點中的「尺寸」屬性分類後，按照下圖設置尺寸參數。

點擊發射器節點中的「外力」屬性分類後，按照下圖設置外力參數。

點擊發射器節點中的「光照」屬性分類後，按照下圖設置光照參數。

點擊發射器節點中的「渲染器」屬性分類後，按照下圖設置渲染器參數。

7、重複步驟6，創建兩個新的發射器，豐富煙花的粒子效果。要注意的是，你可以在新建的兩個發射器中設置不同的「速度 > 球形速度」參數和「粒子基本屬性 > 粒子生命 > 生命周期」參數來豐富煙花效果，當然你也可以根據你的理解設置其他屬性的參數值。

8、此時我們已經完成了一個煙花粒子的設置，為了達到更加豐富的效果，我們可以將該粒子文件進行複製，得到兩個新的擁有相同屬性參數的粒子效果，我們將其命名為「Fireworks_02」和「Fireworks_03」。

9、在粒子編輯器中打開「Fireworks_02」粒子文件，分別點擊四個發射器節點中的「渲染器」屬性分類，將材質指定為我們在「材質編輯」章節中保存的其他顏色的材質文件「Particle_02」來豐富我們的煙花效果並保存我們的編輯。同理我們在「Fireworks_03」粒子文件中可以指定新的材質文件「Particle_03」。