Blender轉換成WebGL的4個必要步驟

步驟總結：

1. 下載並安裝Verge3D以供Blender使用
2. 創建一個新的WebGL項目
3. 將您的模型添加到項目中並導出
4. 網上發布

WebGL是什麼？

WebGL是一種瀏覽器特性，這種特性可使您在Web瀏覽器中直接呈現互動式3D圖形，且無需下載使用任何程序或第三方插件。這是一種需要編程的底層技術。幸運的是，各種WebGL工具包的存在使各項任務處理變得更輕鬆。

其中一個便是Verge3D，它是一個具有真實圖形特徵的框架，無需代碼即可創建交互。通過高效的網路友好格式載入文件，最重要的是它可以在Blender上運轉。

步驟一：開始

下載Verge3D：

https://www.soft8soft.com/get-verge3d/

將其解壓縮到您所選擇的目錄中，並且要確保您有足夠的許可權在這個文件夾中讀取/寫入。安裝時不推薦安裝在系統目錄(如「ProgramFiles」)中。

打開Blender，然後在「File」菜單中選擇「User Preferences」，進入用戶首選項。

在「File」選項卡中，找到「Scripts」欄位，使其指向安裝了Verge3D的文件夾。單擊「Save User Settings」保存此次設置。關閉「User Preferences」窗口，重新啟動Blender。

再次打開「User Preferences」窗口，轉到「Add-ons」選項卡。查找並啟用Verge3D插件，然後單擊「Save User Settings」 保存此次設置後關閉「User Preferences」窗口。

從渲染引擎「Blender Render」列表中選擇「Verge3D」。如果您需要固定此次選擇，可在「File」菜單中選擇「Save Startup File」，從而保存啟動文件使選擇固定。

Verge3D安裝完成！

從現在開始您有一個很棒的功能叫做「Sneak Peek」，通過單擊相應的按鈕，您將執行一項導出任務至一個臨時文件夾，並立即在一個新的瀏覽器選項卡中顯示您的場景。注意：在創建新項目時使用此方法進行快速測試是不可行的。

步驟二：創建一個新的WebGL項目

App Manager是一個基於Web的工具，當您點擊「App Manager」按鈕時，它會在瀏覽器中打開。

您可以使用右側的表單創建新項目。只需輸入一個項目名稱：MyAwesome App will also work，並點擊「CreateApp」創建應用程序」。您可以安全地保留其他創建選項。

創建項目後，返回到App Manage的主屏幕——您的項目應該在那裡列出。現在您可以在幾個方面運行您的應用程序：簡單地運行它，創作圖形，創建交互場景，並最終發布。

您可以通過點擊Verge3D圖標隨時運行你的應用程序，藍色圖標或綠色圖標均可。藍色圖標以應用程序的最終形式啟動運行，帶有它的謎題場景和編程代碼(如果存在)。相反，綠色圖標只打開導出的場景。

步驟三：添加Blender文件並導出

點擊Blender圖標打開應用程序的main.blend文件。您可以簡單地編輯這個文件或用您自己的文件完全替換它。

在Blender中，可以通過執行「File」菜單中的「Export」進行文件導出。您可以將場景文件直接導出到應用程序文件夾的根目錄。在WebGL友好格式中稱為glTF。

導出成功後，在App Manager中點擊藍色的Verge3D圖標啟動應用程序。

步驟四：發布

您已經創建了一個Web應用程序，並且您可能希望數十億的互聯網用戶來查看它。如果您擁有一個網站，這將不會是一個問題——只需將整個文件夾連同你的應用程序上傳到你的伺服器（例如，通過FTP或SSH）。

但是如果你還沒有機會成為一名網站管理員呢? 實際上，在App Manager中有一個按鈕（帶有「Earth」圖標），擊這個按鈕將把你的應用程序上傳到Verge3D網路上，這是一個基於雲的存儲系統和託管在Amazon伺服器上CDN系統。

下一步是什麼呢？

在這個循序漸進的指南中，我們使用Verge3D作為一個精緻的web導出器，它只能夠生成在瀏覽器中運行的實時WebGL視圖。但你可以做得更多! 使用Verge3D附帶的強大而有趣的腳本環境Puzzles，您不必再需要成為程序員才能執行編程。試試看！

以上是對Verge3D工作流程的一個簡單概述，許多主題可能未被討論。查看初學者指南：https://www.soft8soft.com/docs/manual/en/introduction/Beginner-Guide.html，了解我們的框架更令人興奮的特性。

推薦閱讀：