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

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

編輯器介紹

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

構建場景

本場景所用到的GLB模型文件，網盤鏈接https://pan.baidu.com/s/1iA37dQaXWik4c5SpLzR43Q提取碼：dzdr

新建場景：在使用端渲染場景編輯器前，需要先注冊圖觀賬號，從官網首頁（http://www.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）輔助光源設置：給場景增加補光。

注意事項

官網入口：(https://www.tuguan.net/doc/sceneeditor/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可視化場景，助推企業開拓市場。圖觀?重磅推出數字孿生精品助推計劃，詳情可點擊藍字查看。

干貨|圖觀?小課堂知識點——場景編輯器?mp.weixin.qq.com/s/7oj1dNVwjLWatK0iUncuqQ?mp.weixin.qq.com/s/7oj1dNVwjLWatK0iUncuqQ正在上傳…重新上傳取消?

本文來源：圖觀可視化國產數字孿生應用開發引擎

總結

以上是生活随笔為你收集整理的图观小课堂知识点——场景编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。