乾貨|圖觀™小課堂知識點——場景編輯器

圖觀™小課堂是圖觀™策劃的一檔以直播教學類為主的知識課程，從0開始教你搭建數字孿生應用，多元化場景構建。讓你足不出戶體驗3D模型的搭建，用你的雙手實現對未來的視覺化。

——圖觀™|只為打造精品國產數字孿生應用開發引擎

編輯器介紹

圖觀數字孿生端渲染場景編輯器，面向場景效果設計人員，是基於 HTML5 和 WebGL 技術，用於配置可互動實時渲染三維場景效果的專用產品。產品具備強大的資料整合能力、友好易用的配置環境、豐富的可定義場景屬性、超凡的實時渲染效果，並可將配置完成的三維場景釋出成公有云服務。

構建場景

本場景所用到的GLB 模型檔案，網盤連結 https:// pan.baidu.com/s/1iA37dQ aXWik4c5SpLzR43Q 提取碼：dzdr

新建場景：在使用端渲染場景編輯器前，需要先註冊圖觀賬號，從官網首頁（ tuguan.net/ )進入，點選“立即註冊”，註冊成功後，進入業務管理介面，前往端渲染編輯器服務，點選新建場景。（若沒有邀請碼，新增文章末尾小石微信獲取。）

匯入模型：新建場景匯入一個模型，重新命名“場景演示”，英文名稱會在連結地址中使用，重新命名“SceneDemo”。

上傳模型：將場景中的建築匯入，在彈出資源管理器中選擇已經準備好的“建築.glb”-模型名稱重新命名“建築”-點選確定上傳後，出現“場景演示”的命名新場景-點選“編輯場景”-進入端渲染編輯器介面

匯入其他建築：匯入模型-“選擇外部匯入”“地面.glb”-上傳獨立建築-拖拽到場景中。

調整建築：點選介面右上角三項控制器（平移制、旋轉、縮放）拖拽調整建築位置-調整三項控制器的網格數值。

建築剖分：匯入模型-上傳樓層模型-拖拽到場景中（目標建築中），匯入桌椅等模型-豐富場景中建築的樓層內效果。

功能介紹

1 雙渲染架構

頂部位置：場景編輯、模型編輯、狀態編輯、座標編輯

中部位置：場景名稱、場景資訊的開關按鈕、顯示當前場景的幀率（FPS）； 多邊形數；頂點數；DrawCall、升級空間、儲存、釋出、預覽、設定、幫助、使用者管理

編輯工作區介紹：右邊側為屬性皮膚，在場景編輯狀態下會顯示資產庫。其中包括三維模型、建築、圖示等內建 私有資產。

點選匯入模型分為：編輯器內部匯入與外部匯入

內部匯入：為當前其他場景中已匯入的模型，可直接內部匯入。

外部匯入：選擇上傳新GLB檔案上傳到資產庫，拖拽到編輯器中，豐富中部工作區的三維場景。

右側物件設定：對場景中的物件展示調整。若模型在場景中沒有對齊，可在屬性皮膚中基本變換調整XYZ值。

右上角三向控制器：前三向：平移制、旋轉、縮放：可以拖動箭頭熱區將物件在選中方向或平面上移動。

後三向：網格化數值調整設定：例如選擇 平移，按下平移網格化按鈕，設定填寫50，滑鼠移動物件時，無論哪個方向，目標會以50米為單位一格一格移動。若點選取消，該物體就變回平滑移動。

材質編輯

模型編輯：點選編輯器頂部模型編輯模組進入/右側物件設定游標移動編輯模型點選進入 節點設定與材質設定：節點設定：在匯出為GLB格式模型時，模型被分為的那幾個部分。可設定該節點的顯隱或位置縮放屬性 材質設定：設定當前模型的所有材質。（例如：選中“材質- 道路高亮”-屬性勾選“透明設定”，使材質中透明通道-勾選“自發光設定”-自發光設定顏色改為橙色-調整自發光數值。） 標準材質屬性：基本屬性：用於設定材質的基礎貼圖，金屬度度，雙面顯示以及 深度檢測。 高光設定：用於設定材質光澤度 反射貼圖：用於設定材質反射度 SSR反射：用於設定材質螢幕空間反射 凹凸貼圖：用於設定材質凹凸度 置換貼圖：利用材質改變物件的多邊形網格 透明設定：用於設定材質透明度 自發光設定：用於設定材質自發光度 光照貼圖：用於設定材質的靜態光照貼圖 材質動畫：用於設定材質的UV動畫 水面材質屬性：可更改水面顏色、透明度、反射強度、 水流速度、波浪程度等。（例如：海水顏色：深藍、水面透明度：1、反射強度：2、水流速度：0.5、波浪程度：5等等這些引數，使畫面看起來更加自然） 動畫材質：材質設定-車流線1-材質類別中勾選材質動畫-U方向和V方向進行調整。 建築材質：選中節點選擇建築-材質設定：牆面紋理03-材質類別調整高光設定、反射 貼圖等引數（例如：高光0.65，反射0.3，注意鏡頭角度放低，根據具體需求調整呈現效果）

燈光編輯

材質調整完成後，開啟“場景編輯”中的第二個頁籤“燈光設定”。

燈光設定：主光源設定、輔助光源設定 主光源設定：主模擬太陽光：狀態燈光效果選擇-調整顏色、調整燈光強度、開啟投影開關、燈光距離調整、投影質量設定、陰影偏移設定等（例如：燈光強度1.5；開啟投影開關；燈光距離3000米； 陰影半徑2000米；陰影質量設定“超高”； 陰影偏移-0.0005）

水平旋轉角和主光源俯仰角：調整燈光方向、陰影的方向、長短和反射光暈的位置（例如：水平旋轉120，俯仰-45）輔助光源設定：給場景增加 補光。

注意事項

官網入口：( tuguan.net/doc/sceneedi tor/createmodel/modeling/  ) 市面上建模軟體有很多種，但功能都大同小異。我們以常見的3Ds MAX為例，說說場景建模時需要注意的地方：

1.模型單位最好與場景編輯器統一設定為米。2.可以用中文命名，要有特殊符號，不要重名，命名儘量有意義便於查詢。3.在3Ds MAX中只能使用標準材質或物理材質（也就是PBR材質）。4.貼圖最好都是2的整數次方，（例如1024x1024，或者512x256等等。）5.因端渲染受網速限制，建模時儘量減少多邊形數量，單模型多邊形數量也不要過高（建議單模型多邊形數量最好不要超過10萬）。6.模型需要匯出為GLB格式。

模型匯出：在3DMAX中使用Babylon.js匯出外掛。

---

9.16日，圖觀™數字孿生視覺化引擎新版本上線了，新版本更新了端渲染場景編輯器部分功能，新增統一介面偵錯程式，統一開發 API功能，詳情可點選詳情可 點選產品|圖觀™V3.0全新上線檢視。

為了更好的幫助夥伴們打造屬於自己的3D視覺化場景，助推企業開拓市場。圖觀™重磅推出 數字孿生精品助推計劃，詳情可點選藍字檢視。