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 (英語).