Blend4web

Blend4Web是用於創建和在網頁瀏覽器中顯示互動式三維計算機圖形的開源框架。

基本介紹

• 外文名：Blend4Web
• 類型：工具互動式三維圖形

概述

Blend4Web 框架利用Blender編輯三維場景。內容渲染依賴WebGL、網路音頻和其他網路標準，無需使用外掛程式。

它具有雙重許可證，分發基於開源GPLv3以及商業許可證；原始碼託管在GitHub上。

三維場景可以在Blender中準備，然後導出為一對JSON和二進制檔案在網路應用程式中載入。它也可以被導出為一個單一自包含的HTML檔案，其中導出的數據，網路播放器GUI和引擎本身被包裝在其中。HTML選項被認為是使用Blend4Web的最簡單的方法。生成的檔案，據上報的最小大小為 1Mb，可以使用標準 iframe HTML 元素嵌入在網頁中。Blend4Web 驅動的網路應用程式可以部署在熱門社交網站比如Facebook等。

Blend4Web工具鏈包括JavaScript庫，Blender的外掛程式和修改的3D場景參數，調試和最佳化的工具集。

Blend4Web 發展開始在2010年由總部設在莫斯科的公司被稱為 Triumph。它首次公開發布 2014 年 3 月 28 日。

功能

框架有大量的典型組件在遊戲引擎發現，包括定位音頻系統、物理引擎（Bullet分支移植到JavaScript）、動畫系統和遊戲邏輯編程抽象層。

多達8個不同類型的動畫可以被分配到一個單獨的物體，包括骨骼動畫和每個頂點的動畫。速度和動畫的方向（向前/向後播放），以及粒子的系統參數（大小，初始速度和計數）雖然可以在API來改變。

在其他支持的功能有場景數據動態載入和卸載，次表面散射模擬和基於圖像的照明。

用於擴展渲染的室外環境，包括葉風相互作用、 水、 大氣和太陽光模擬存在一些的預置選項。演示這些影響的一個例子是"農場"技術演示，還設有多個動畫的NPC和行走能力，物體進行互動與以第一人稱模式開車。

基於所述跨瀏覽器的WebGL的API，Blend4Web運行在大多數的網路瀏覽器，包括移動設備。還有一些注意事項雖然對WebGL實驗支持的瀏覽器，如Internet Explorer。也有開發應用程式運行的Tizen系統設備，如三星Gear S2智慧型手錶。

高級的功能包括繪製調用批處理、 隱藏表面測定、執行緒的物理模擬和海洋仿真。

在14.09版本中，Blend4Web推出能添加互動性到三維場景中的可視化編程工具。這個工具是讓人想起了Blender遊戲引擎的邏輯編輯器，因為它使用了放在Blender裡面邏輯塊。當用戶與預定義的三維物體進行互動時，它能夠播放由藝術家創作的動畫軌。

自15.03版，Blend4Web已經支持HTML連線元件（如信息視窗）三維物體（“註解”）和運行時複製物體（“實例化”）。

在後期處理特效，支持以下功能：發光，高光，景深，雲隙光，運動模糊和螢幕空間環境光遮蔽。

自 2015年年底以來，已支持了虛擬現實設備。具體來說，Oculus Rift頭戴式顯示器工作在實驗 WebVR API。基於手柄 API，軟體現在也包括初步支持遊戲手柄。

Blender集成

Blender外掛程式使用Python和C編寫，可以在Linuxx86/x64、OS Xx64 和MS Windowsx86/x64平台上編譯。

切換到Blend4Web 特定的配置選單

Blend4Web 特定的配置檔案可以在外掛程式設定中激活。切換到此配置檔案時，Blender界面更改，以便只顯示與 Blend4Web 有關的設定。

Blend4Web 支持設定Blender特定節點材質編輯器 （視覺著色編程的一種工具）和粒子系統等的功能。還有對Blender的非線性動畫 (NLA) 編輯器的基本支持用於創建簡單的場景。

Blend4Web基本上是基於Blender實時GLSL渲染引擎，用戶建議使用啟用所見即所得編輯。

與相關的軟體的比較

Blender遊戲引擎

類似於Blender遊戲引擎(BGE)，Blend4Web從Blender場景中直接載入與播放場景數據，無需使用中間的編輯器。作為一個網路框架，它的目標是網路瀏覽器，而BGE執行檔必須離線運行。它提供了它自己的JavaScriptAPI有別於 BGE 基於Python的 API。提出一種網路開發方法而不是邏輯塊的組合和在 BGE 使用 Python 腳本。

Unity

Unity從版本 5提供了 WebGL 的生成選項。一個Unity的遊戲開發者的一項調查進行比較這兩個引擎。使用 Blend4Web 和Unity創建兩個互動基於網路演示文稿的渦扇發動機。雖然作者指出這兩個引擎產生類似的視覺質量，Unity的 WebGL 生成檔案總大小有 142 Mb（未壓縮），而 Blend4Web 導出的 HTML 檔案相同的場景只有 1.8 Mb（未壓縮）。

根據他們的WebGL的路線圖，Unity 並沒有計畫在不久的將來支持移動設備，定位音頻系統和視頻紋理。

Three.js

流行的WebGL庫，three.js所報告要求對瑣碎的任務編程，因此，要求更多的用戶能力和提供一個緩慢的學習曲線。在Blend4Web，大多數準備線上演示的工作可以在沒有任何編程下完成。

值得注意的使用

美國國家航空航天局開發互動式網路應用程式中稱為體驗好奇號，想慶祝三周年好奇號漫遊車在火星上著陸。這基於 Blend4Web 的應用程式使它能夠操作探測車，控制它的照相機和機械臂並再現了一些火星科學實驗室任務的傑出事件。在SIGGRAPH2015 的 WebGL 部分開頭介紹套用。

Dassault Systèmes提出了一種互動式的賀卡，以迎接顧客即將到來的聖誕假期。

綠色和平組織創建互動式三維信息圖表來支持綠色和平組織在俄羅斯的排毒運動。

Tallink 推薦其 MS 巨星船舶，允許訪問者瀏覽的這艘船的詳細信息的互動式三維演示。