热门问题
时间线
聊天
视角
Verge3D
来自维基百科，自由的百科全书
Remove ads
Verge3D是一個用於創建運行於網頁的3D交互式體驗的實時渲染器和工具套件。
概述
Verge3D是由位於莫斯科的Soft8Soft公司發布，該公司的創始人是 Blend4Web 框架的創始人和代碼核心貢獻者。 Verge3D使用戶能夠利用常用的三維設計工具(目前支持 Autodesk 3ds Max ， Autodesk 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雲服務基於 亞馬遜S3 和 EC2 雲服務構建，內嵌於App Manager，可直接發布Verge3D應用到雲端。[7]
- PBR
- 為便於編寫材質，除標準着色器外一併提供了兼容GLTF 2.0的物理渲染流水線。[8][9] PBR紋理可以使用外部紋理軟件（如Substance Painter）創作，Verge3D為其提供了相應的導出預設文件。[10]最新版的Verge3D已經兼容Blender軟件的eevee材質[11]。
Remove ads
- 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]。
工作流程
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]。
相關技術
參考文獻
Wikiwand - on
Seamless Wikipedia browsing. On steroids.
Remove ads