Verge3D是一個用於創建運行於網頁的3D交互式體驗的實時渲染器和工具套件。

Verge3D
開發者Soft8Soft
當前版本3.7.0(2021年5月26日,​3年前​(2021-05-26
程式語言JavaScript, Python
類型JavaScript函數庫
許可協議共享軟體
網站www.soft8soft.com/cn/verge3d

概述

編輯

Verge3D是由位於莫斯科的Soft8Soft公司發布,該公司的創始人是 Blend4Web 框架的創始人和代碼核心貢獻者。 Verge3D使用戶能夠利用常用的三維設計工具(目前支持 Autodesk 3ds MaxAutodesk Maya 和 Blender )創做3D交互內容,並直接轉換到網絡瀏覽器中查看。[1][2][3]

功能

編輯

Verge3D基於 WebGL 進行渲染,整合了 Three.js 庫,並向程序開發人員公開API接口。[4]

Puzzles編輯器
Puzzles編輯器是基於Google的Blockly編寫的可視化編程環境。Verge3D的程序功能可直接編寫代碼或使用Puzzles編輯器添加 JavaScript 腳本。 Puzzles主要面向非程式設計師,使其可通過 拖放 操作快速創建交互場景。[5]
應用管理器pp Manager與網絡發布
Verge3D應用管理器p Manager是一個運行於本地開發伺服器的基於網絡的輕量級工具,用於創建、管理和發布Verge3D項目。[6] Verge3D雲服務基於 亞馬遜S3EC2 雲服務構建,內嵌於App Manager,可直接發布Verge3D應用到雲端。[7]
PBR
為便於編寫材質,除標準著色器外一併提供了兼容GLTF 2.0的物理渲染流水線。[8][9] PBR紋理可以使用外部紋理軟體(如Substance Painter)創作,Verge3D為其提供了相應的導出預設文件。[10]最新版的Verge3D已經兼容Blender軟體的eevee材質[11]

glTF與DCC軟體集成

編輯
Verge3D直接與 Blender 和 Autodesk 3ds Max 集成,使用戶能夠在軟體內部創建3D模型、材質和動畫,然後導出為以JSON為基礎的glTF格式。 快速預覽功能允許導出和查看來自DCC工具環境的場景。[12][13][14]
Facebook 3D 主題
Verge3D為Facebook 3D主題提供了一個專用的導出選項,[15] 導出的GLB文件可在App Manager中顯示和打開。[16]
資產壓縮
導出文件可以選擇使用 LZMA 壓縮[17],文件體積的下降率最高可達6倍。[18]
用戶界面與網頁布局
使用外部所見既所得網頁編輯器創建的頁面布局可與Puzzles編輯器連結在一起編輯,以觸發在瀏覽器中呈現的3D場景的變化,反之亦然。[19][20]
網頁動畫
Verge3D支持骨骼動畫,包括骨骼蒙皮和角色綁定的動畫,並可以製作材質參數動畫。模型部件也可以被設置為由用戶拖動。
物理學
物理模塊可以單獨連結,以實現碰撞檢測、動態移動物體,支持角色、車輛、彈簧、繩索和布料模擬等。[21][22]Verge3D的物理引擎基於跨平台的開源物理引擎Bullet創建[23]

虛擬實境與增強現實

編輯
2.10版更新增加了對WebXR的支持[24],這是一項正在開發的開放技術,旨在使虛擬實境和增強現實體驗能夠在網絡瀏覽器中顯示。它既可用於帶控制器的頭盔,如HTC Vive和Oculus Rift,也可用於不帶控制器的頭盔,如Google Cardboard等。AR/VR體驗可以通過拼圖編輯器或JavaScript來實現。

工作流程

編輯

Verge3D的工作流與主流的WebGL框架有很大的不同,它追求的是一個強大的面向藝術家的方法。開發一個新的Verge3D應用開發通常是從3D對象的建模、紋理和動畫開始的,在單一的*.max, *.ma或*.blend文件中組裝模型完成3D場景。然後即可在App Manager調用該文件,作為初始化Verge3D項目的基礎。創建交互式場景是可選流程,用戶可在Puzzles編輯器中疊加創作。使用App Manager,用戶可隨時在瀏覽器中預覽Verge3D應用。完成的網頁應用可部署於Verge3D雲服務,Facebook或用戶自己的網站上。[25] Verge3D 2.11版本起,開放了WordPress測試沙盒,可以直接已經部署好的內容管理系統中測試前端效果。[24]

知名用戶

編輯

Verge3D的著名案例包括來自美國國家航空暨太空總署(NASA)噴氣推進實驗室創建的火星洞察號火星探測器的互動式三維可視化。[26]該網絡應用為訪問者提供了一個可以探索太空飛行器的實時互動模型,用戶通過移動不同的部件來學習了解該太空飛行器,例如展開太陽能板,驅動攝像頭轉動等。

美國宇航局較早的網絡交互式應用 "體驗好奇號[27] "原本是用Blend4Web創建,但也於2018年移植到了Verge3D。該應用程式可以體驗操作好奇號火星車,控制它的攝影機和機械臂,並再現了火星科學實驗室任務中的一些重要事件[28]

相關技術

編輯

參考文獻

編輯
  1. ^ Interactive 3D Web Content Comes to 3ds Max. engineering.com. [2018-02-21]. (原始內容存檔於2020-11-09). 
  2. ^ Soft8Soft releases Verge3D. CG Channel. [2017-12-05]. (原始內容存檔於2021-04-15). 
  3. ^ Раскол среди разработчиков проекта Blend4Web привёл к созданию нового WebGL-движка. OpenNews. [2017-10-10]. (原始內容存檔於2022-04-07). 
  4. ^ Verge3D, solution de création d'applications web 3D interactives. 3DVF. [2017-11-29]. (原始內容存檔於2021-01-17). 
  5. ^ Verge3D released. CGPress. [2017-11-24]. (原始內容存檔於2021-01-21). 
  6. ^ Verge3D Launches. 3dxmedia. [2017-11-22]. (原始內容存檔於2018-01-25). 
  7. ^ Verge3D 1.0.2 Brings Instant Web Publishing, New Puzzles and More!. Soft8Soft. [2017-12-14]. (原始內容存檔於2018-01-25). 
  8. ^ Verge3D 1.0. Il nuovo framework 3D WebGL per Blender. Treddi.com. [2017-11-22]. (原始內容存檔於2019-11-16). 
  9. ^ VERGE3D 1.0发布!. BlenderCN.org. [2017-11-22]. (原始內容存檔於2022-03-31). 
  10. ^ Verge3D 2.3 Blender版发布. BlenderCN.org. [2018-04-22]. (原始內容存檔於2021-01-24). 
  11. ^ Verge3D for Blender材质库升级至EEVEE. Verge3D中國. [2019-03-26]. (原始內容存檔於2021-06-10) (中文(中國大陸)). 
  12. ^ Verge3D for 3DS Max released. CGPress. [2018-02-09]. (原始內容存檔於2021-01-21). 
  13. ^ Verge 3D for 3ds Max is out. Evermotion. [2018-02-13]. (原始內容存檔於2020-11-09). 
  14. ^ How to make Facebook 3D posts. 3D Print Tech Design. [2018-05-07]. (原始內容存檔於2022-04-07). 
  15. ^ Verge3D 2.2 for 3DS Max released. CGPress. [2018-03-18]. (原始內容存檔於2021-01-21). 
  16. ^ verge3d场景数据压缩. zjbcool.com. [2018-06-03]. (原始內容存檔於2018-08-10). 
  17. ^ Verge3D 2.3 for 3ds Max Released. Evermotion. [2018-05-07]. (原始內容存檔於2020-11-09). 
  18. ^ Soft8Soft releases Verge3D 2.3 for 3ds Max. CG Channel. [2018-04-17]. (原始內容存檔於2022-03-09). 
  19. ^ Megjelent a Verge3D 2.3 for 3ds Max. MeshMag. [2018-05-20]. (原始內容存檔於2021-01-18). 
  20. ^ Verge3D 2.4 for 3ds Max is out. Evermotion. [2018-06-06]. (原始內容存檔於2020-11-09). 
  21. ^ Soft8Soft ships Verge3D 2.4 for 3ds Max and Blender. CG Channel. [2018-06-07]. (原始內容存檔於2021-12-15). 
  22. ^ Verge3D 2.11 for Blender/3ds Max 发布. Verge3D中國. 2019-03-06 [2021-06-10]. (原始內容存檔於2021-06-10) (中文(中國大陸)). 
  23. ^ 24.0 24.1 Verge3D 2.10 for Blender/3ds Max 发布. Verge3D中國. [2019-02-07]. (原始內容存檔於2021-06-10) (中文(中國大陸)). 
  24. ^ Soft8Soft Releases Verge3D v2.3 for Blender. Daily CADCAM. [2018-05-07]. (原始內容存檔於2018-05-07). 
  25. ^ mars.nasa.gov. About the Lander | Spacecraft. NASA's InSight Mars Lander. [2021-06-10]. (原始內容存檔於2021-05-21) (英語). 
  26. ^ Experience Curiosity. Wikipedia. 2021-05-18 (英語). 
  27. ^ Internet 3D: Take the Curiosity Rover for a Spin Right on the NASA Website. Technology Org. 2015-08-11 [2021-06-10]. (原始內容存檔於2020-11-08) (美國英語). 
  28. ^ List of WebGL frameworks. Wikipedia. 2021-01-12 (英語).