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

——圖觀?|只為打造精品國產(chǎn)數(shù)字孿生應(yīng)用開發(fā)引擎

編輯器介紹

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

構(gòu)建場景

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

新建場景：在使用端渲染場景編輯器前，需要先注冊圖觀賬號，從官網(wǎng)首頁（http://www.tuguan.net/)進(jìn)入，點擊“立即注冊”，注冊成功后，進(jìn)入業(yè)務(wù)管理界面，前往端渲染編輯器服務(wù)，點擊新建場景。（若沒有邀請碼，添加文章末尾小石微信獲取。）

導(dǎo)入模型：新建場景導(dǎo)入一個模型，重命名“場景演示”，英文名稱會在鏈接地址中使用，重命名“SceneDemo”。

上傳模型：將場景中的建筑導(dǎo)入，在彈出資源管理器中選擇已經(jīng)準(zhǔn)備好的“建筑.glb”-模型名稱重命名“建筑”-點擊確定上傳后，出現(xiàn)“場景演示”的命名新場景-點擊“編輯場景”-進(jìn)入端渲染編輯器界面

導(dǎo)入其他建筑：導(dǎo)入模型-“選擇外部導(dǎo)入”“地面.glb”-上傳獨立建筑-拖拽到場景中。

調(diào)整建筑：點擊界面右上角三項控制器（平移制、旋轉(zhuǎn)、縮放）拖拽調(diào)整建筑位置-調(diào)整三項控制器的網(wǎng)格數(shù)值。

建筑剖分：導(dǎo)入模型-上傳樓層模型-拖拽到場景中（目標(biāo)建筑中），導(dǎo)入桌椅等模型-豐富場景中建筑的樓層內(nèi)效果。

功能介紹

1 雙渲染架構(gòu)

頂部位置：場景編輯、模型編輯、狀態(tài)編輯、坐標(biāo)編輯

中部位置：場景名稱、場景信息的開關(guān)按鈕、顯示當(dāng)前場景的幀率（FPS）；多邊形數(shù)；頂點數(shù)；DrawCall、升級空間、保存、發(fā)布、預(yù)覽、設(shè)置、幫助、用戶管理

編輯工作區(qū)介紹：右邊側(cè)為屬性面板，在場景編輯狀態(tài)下會顯示資產(chǎn)庫。其中包括三維模型、建筑、圖標(biāo)等內(nèi)置私有資產(chǎn)。

點擊導(dǎo)入模型分為：編輯器內(nèi)部導(dǎo)入與外部導(dǎo)入

內(nèi)部導(dǎo)入：為當(dāng)前其他場景中已導(dǎo)入的模型，可直接內(nèi)部導(dǎo)入。

外部導(dǎo)入：選擇上傳新GLB文件上傳到資產(chǎn)庫，拖拽到編輯器中，豐富中部工作區(qū)的三維場景。

右側(cè)對象設(shè)置：對場景中的對象展示調(diào)整。若模型在場景中沒有對齊，可在屬性面板中基本變換調(diào)整XYZ值。

右上角三向控制器：前三向：平移制、旋轉(zhuǎn)、縮放：可以拖動箭頭熱區(qū)將對象在選中方向或平面上移動。

后三向：網(wǎng)格化數(shù)值調(diào)整設(shè)置：例如選擇平移，按下平移網(wǎng)格化按鈕，設(shè)置填寫50，鼠標(biāo)移動對象時，無論哪個方向，目標(biāo)會以50米為單位一格一格移動。若點擊取消，該物體就變回平滑移動。

材質(zhì)編輯

模型編輯：點擊編輯器頂部模型編輯模塊進(jìn)入/右側(cè)對象設(shè)置光標(biāo)移動編輯模型點擊進(jìn)入節(jié)點設(shè)置與材質(zhì)設(shè)置：節(jié)點設(shè)置：在導(dǎo)出為GLB格式模型時，模型被分為的那幾個部分。可設(shè)置該節(jié)點的顯隱或位置縮放屬性材質(zhì)設(shè)置：設(shè)置當(dāng)前模型的所有材質(zhì)。（例如：選中“材質(zhì)-道路高亮”-屬性勾選“透明設(shè)置”，使材質(zhì)中透明通道-勾選“自發(fā)光設(shè)置”-自發(fā)光設(shè)置顏色改為橙色-調(diào)整自發(fā)光數(shù)值。）標(biāo)準(zhǔn)材質(zhì)屬性：基本屬性：用于設(shè)置材質(zhì)的基礎(chǔ)貼圖，金屬度度，雙面顯示以及深度檢測。高光設(shè)置：用于設(shè)置材質(zhì)光澤度反射貼圖：用于設(shè)置材質(zhì)反射度SSR反射：用于設(shè)置材質(zhì)屏幕空間反射凹凸貼圖：用于設(shè)置材質(zhì)凹凸度置換貼圖：利用材質(zhì)改變對象的多邊形網(wǎng)格透明設(shè)置：用于設(shè)置材質(zhì)透明度自發(fā)光設(shè)置：用于設(shè)置材質(zhì)自發(fā)光度光照貼圖：用于設(shè)置材質(zhì)的靜態(tài)光照貼圖材質(zhì)動畫：用于設(shè)置材質(zhì)的UV動畫水面材質(zhì)屬性：可更改水面顏色、透明度、反射強(qiáng)度、水流速度、波浪程度等。（例如：海水顏色：深藍(lán)、水面透明度：1、反射強(qiáng)度：2、水流速度：0.5、波浪程度：5等等這些參數(shù)，使畫面看起來更加自然）動畫材質(zhì)：材質(zhì)設(shè)置-車流線1-材質(zhì)類別中勾選材質(zhì)動畫-U方向和V方向進(jìn)行調(diào)整。建筑材質(zhì)：選中節(jié)點選擇建筑-材質(zhì)設(shè)置：墻面紋理03-材質(zhì)類別調(diào)整高光設(shè)置、反射貼圖等參數(shù)（例如：高光0.65，反射0.3，注意鏡頭角度放低，根據(jù)具體需求調(diào)整呈現(xiàn)效果）

燈光編輯

材質(zhì)調(diào)整完成后，打開“場景編輯”中的第二個頁簽“燈光設(shè)置”。

燈光設(shè)置：主光源設(shè)置、輔助光源設(shè)置主光源設(shè)置：主模擬太陽光：狀態(tài)燈光效果選擇-調(diào)整顏色、調(diào)整燈光強(qiáng)度、打開投影開關(guān)、燈光距離調(diào)整、投影質(zhì)量設(shè)置、陰影偏移設(shè)置等（例如：燈光強(qiáng)度1.5；打開投影開關(guān)；燈光距離3000米；陰影半徑2000米；陰影質(zhì)量設(shè)置“超高”；陰影偏移-0.0005）

水平旋轉(zhuǎn)角和主光源俯仰角：調(diào)整燈光方向、陰影的方向、長短和反射光暈的位置（例如：水平旋轉(zhuǎn)120，俯仰-45）輔助光源設(shè)置：給場景增加補(bǔ)光。

注意事項

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

1.模型單位最好與場景編輯器統(tǒng)一設(shè)置為米。2.可以用中文命名，要有特殊符號，不要重名，命名盡量有意義便于查找。3.在3Ds MAX中只能使用標(biāo)準(zhǔn)材質(zhì)或物理材質(zhì)（也就是PBR材質(zhì)）。4.貼圖最好都是2的整數(shù)次方，（例如1024x1024，或者512x256等等。）5.因端渲染受網(wǎng)速限制，建模時盡量減少多邊形數(shù)量，單模型多邊形數(shù)量也不要過高（建議單模型多邊形數(shù)量最好不要超過10萬）。6.模型需要導(dǎo)出為GLB格式。

模型導(dǎo)出：在3DMAX中使用Babylon.js導(dǎo)出插件。

---

9.16日，圖觀?數(shù)字孿生可視化引擎新版本上線了，新版本更新了端渲染場景編輯器部分功能，新增統(tǒng)一接口調(diào)試器，統(tǒng)一開發(fā) API功能，詳情可點擊詳情可點擊產(chǎn)品|圖觀?V3.0全新上線查看。

為了更好的幫助伙伴們打造屬于自己的3D可視化場景，助推企業(yè)開拓市場。圖觀?重磅推出數(shù)字孿生精品助推計劃，詳情可點擊藍(lán)字查看。

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

本文來源：圖觀可視化國產(chǎn)數(shù)字孿生應(yīng)用開發(fā)引擎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。