幹貨 | 圖觀™小(xiǎo)課堂知識點
重點推文(wén)
圖觀™是什麽
圖觀™是數字冰雹自主研發的國(guó)産(chǎn)數字孿生應用(yòng)開發引擎。圖觀™可(kě)以提供雲端三維場景構建、全要素數據融合、場景效果配置、場景服務(wù)發布全流程工(gōng)具(jù)，以及基于用(yòng)戶自定義場景的二次開發SDK，是用(yòng)戶構建數字孿生應用(yòng)的強有(yǒu)力軟件工(gōng)具(jù)包。
圖觀™典型應用(yòng)場景
圖觀™十餘年來專注于數據可(kě)視化領域，系統平台與行業需求深度結合，形成了一系列行業可(kě)視化産(chǎn)品，成功應用(yòng)于智慧城市、智慧園區(qū)、公(gōng)安(ān)警務(wù)、航天戰場、應急管理(lǐ)、智慧交通、智慧電(diàn)力等多(duō)個領域，涵蓋監測指揮、數據分(fēn)析、演示彙報等多(duō)個應用(yòng)場景，支撐客戶完成大量重大信息系統建設，幫助各行業用(yòng)戶發掘數據背後的規律，提高決策效率與能(néng)力。
雙渲染架構
圖觀™在提供雲端三維場景構建、全要素數據融合、場景效果配置、場景服務(wù)發布全流程服務(wù)的同時，還提供了雙渲染架構可(kě)選——端渲染架構和流渲染架構。
流渲染架構： 基于雲端渲染服務(wù)器，生成可(kě)交互視頻流，供用(yòng)戶實時操作(zuò)訪問，具(jù)備頂級渲染效果、超高性能(néng)、支持預加載，啓動快、訪問終端配置要求低等優勢。
端渲染架構：通過浏覽器端的 WebGL 技(jì )術實時渲染場景，供用(yòng)戶操作(zuò)訪問，具(jù)備任意終端都能(néng)獲得優秀的渲染效果、對服務(wù)器負擔小(xiǎo)、帶寬要求低、并發數量高等優勢。
實施流程
01：産(chǎn)品選擇
數字冰雹提供雙渲染内核開發工(gōng)具(jù)可(kě)選，根據不同應用(yòng)需求進行選配，并完成注冊和線(xiàn)上申請。
02：場景構建
使用(yòng)圖觀™場景編輯器，在場景編輯器中(zhōng)導入模型數據和資源，進行場景屬性和效果配置。
03：場景發布
在場景編輯器配置完成的三維場景，通過審核後，可(kě)發布為(wèi)公(gōng)有(yǒu)雲或私有(yǒu)雲數字孿生場景服務(wù)，支持應用(yòng)二次開發。
04：應用(yòng)開發
使用(yòng)圖觀™渲染控件調用(yòng)API ，基于已發布的數字孿生場景服務(wù)，編寫業務(wù)邏輯、繪制業務(wù)數據、觸發場景交互，開發屬于您的應用(yòng)。
05：應用(yòng)部署
開發完成的項目應用(yòng)，可(kě)直接發布為(wèi)公(gōng)有(yǒu)雲服務(wù)，也可(kě)将公(gōng)有(yǒu)雲服務(wù)進行私有(yǒu)化部署。
場景構建概述
基于“圖觀™”場景編輯器，在場景編輯器中(zhōng)導入模型數據和資源，進行場景屬性和效果配置，并可(kě)将配置完成的三維場景發布成公(gōng)有(yǒu)雲/私有(yǒu)雲服務(wù)。
Step1模型數據導入：進入場景編輯器，新(xīn)建場景，支持導入3DS MAX、Blenderd等建模工(gōng)具(jù)導出的的GLB模型文(wén)件。
Step2模型編輯：在模型編輯菜單下，通過調整屬性參數，可(kě)以對模型節點材質(zhì)、貼圖、反射、半透明、高光等屬性進行自定義編輯。
Step3場景編輯：進入場景編輯界面，通過調整屬性面闆中(zhōng)的參數，進行環境光照、陰影、抗鋸齒、景深/輝光/霧等場景特效編輯。
Step4狀态編輯：通過場景狀态管理(lǐ)，可(kě)将場景要素的多(duō)個效果屬性進行組合，實現一鍵快速切換模型、場景屬性。
Step5坐(zuò)标編輯：支持以場景原點為(wèi)中(zhōng)心，基于真實地理(lǐ)空間經緯度，通過錄入經緯度坐(zuò)标或匹配二維地圖的方式，定義場景内各要素的地理(lǐ)坐(zuò)标，實現要素對象的精(jīng)确定位。
Step6場景預覽：通過場景管理(lǐ)，可(kě)對當前場景下的所有(yǒu)屬性信息進行保存，并提前預覽最終效果。
應用(yòng)開發
圖觀™統一開發 API 是一套基于 JavaScript 語言開發的二次編程接口，用(yòng)于在現代浏覽器中(zhōng)加載、顯示圖觀™引擎提供的流渲染或端渲染三維場景，并且為(wèi)開發者提供在場景中(zhōng)繪制業務(wù)數據、觸發場景交互、控制場景邏輯的功能(néng)。圖觀™統一開發API 兼容當前主流的 JavaScript 前端框架，例如 Vue.js 或者 React，前端開發人員可(kě)快速便捷的進行二次開發。
