由微軟團隊打造，並封装在一個穩定的 JavaScript 框架中的開源 3D 繪圖工具 Babylon.js 日前推出 6.0 版本。該工具應用了 WebGL 技術，使用者無需安裝額外套件，即可在網頁中創建 3D 內容，該工具可以修改材質、貼圖、燈光和攝影機角度，並支援 VR 與 AR 的創作環境，可說是打造元宇宙內容不可或缺的工具。新版本新增了 Havok 物理運算等數種新功能，其中「效能優先模式」可協助使用者開發出更加順暢的 3D 網頁內容。現在就跟著映CG編輯，一起了解 Babylon.js 的特色以及強大的功能。

延伸閱讀：日本動畫圈超愛用，《新世紀福音戰士劇場版：終》也有它！免費下載日本動漫手繪筆觸模擬外掛 Pencil+ 4 Line for Blender

亮點一，Havok 外掛讓物理運算提高 20 倍

團隊運用一個獨特的 WebAssembly 外掛，為 Babylon.js Physics API 進行全面改造，引入最先進的功能進入Babylon.js ，將 Babylon.js 在物理方面的功能達到全新的高度，不僅提升了高達 20 倍的物理運算速度，還增加了許多物理功能，也降低應用程式加入物理模擬運算的障礙，讓創作更為快速。 

亮點二，「效能優先模式」讓使用者擁有更多彈性 

本次更新中，最令人驚艷的就是團隊在效能上的成果。在 6.0 版本中，團隊新增了「效能優先模式」，可大幅提高渲染速度及運算效率，提升速度高達 50 倍！「效能優先模式」也提供不同的效能強化方式，例如向後相容模式、中間模式及激進模式，滿足不同創作團隊對於效能的用途，使創作更靈活，也能享受高效的操作體驗！ 

亮點三，令人驚喜的流體製作、空間反射、貼圖功能 

在 Babylon.js 可以製作精緻的流體效果，不僅可以在 3D 場景製作 2D 效果，還能運用粒子模擬泡沫，而且還可以在瀏覽器中以 60fps 的速度算出不錯的流體效果。 

此外， Babylon.js 更進一步地提升了空間反射模型，能讓使用者在場景中以極高的效能水準算出令人驚嘆的反射效果！

最後 Babylon.js 6.0 全新的紋理貼圖功能，能進一步擴充材質處理的靈活性。紋理貼花能幫助使用者透過網格的 UV 空間投射貼圖，覆蓋在紋理之上。這不僅不會影響性能，而且也為真實的網路體驗，提供了許多有趣的互動性！ 

亮點四，節點功能使創作材質更方便 

在 Babylon.js 中最令創作者喜愛的功能絕對是是節點材質，使用者無需編寫代碼即可創建極其複雜的互動式著色器，在 6.0 中，團隊在引擎下做了更多管道，也比以往的管道更強大，現在使用者可以構建節點在材質著色器中，創造更精緻的 3D 模型，甚至可以使用 Ray Marching。

另外 6.0 中，還新增兩個實用度極高的新節點。一個是三平面投影節點，它能不管網格 UV，將紋理投影到 3D 物件上，它使用三個獨立的 2D 紋理投影，每個軸一個，並將其混合在一起以創建無縫的材質。另一個是雙平面節點。它跟三平面投影節點類似，只是使用兩個 2D 紋理去創造無縫紋理，幫助使用者節省 GPU 運算，降低效能的使用。 

亮點五，全新的 GUI 編輯器 V1 

在 Babylon.js 5.0 中，團隊引入了 GUI Editor Beta，讓使用者能更簡單地創建複雜的 GUI 設計。在 6.0 中，GUI 編輯器修改了上一版的許多錯誤，並基於 Beta 版構建，改進了穩定性不足與錯誤修復等缺點，並引入了與 Babylon.js 使用面板更緊密連接，在 GUI 編輯器中進行更改，在畫面上也有即時的更新。 

除了上述亮點功能，Babylon.js 6.0 也新增 KHR_materials_iridescence 和 KHR_animation_pointer glTF 兩種檔案的擴展。也有社團可以討論或建議開發團隊新功能，並有詳細的教學可以觀看。

點此網頁使用 Babylon.js 6.0

延伸閱讀：揭開熱門台劇《模仿犯》、《人選之人—造浪者》幕後大功臣！一窺甲尚科技如何協助沸騰了映像打造高品質的視覺特效

資料來源：Babylon.js 6.0 。文章由映 CG 所有，如需轉載請聯絡我們。