干貨 | 圖觀?小課堂知識(shí)點(diǎn)

重點(diǎn)推文

圖觀?是什么

圖觀?是數(shù)字冰雹自主研發(fā)的國(guó)產(chǎn)數(shù)字孿生應(yīng)用開(kāi)發(fā)引擎。圖觀?可以提供云端三維場(chǎng)景構(gòu)建、全要素?cái)?shù)據(jù)融合、場(chǎng)景效果配置、場(chǎng)景服務(wù)發(fā)布全流程工具，以及基于用戶(hù)自定義場(chǎng)景的二次開(kāi)發(fā)SDK，是用戶(hù)構(gòu)建數(shù)字孿生應(yīng)用的強(qiáng)有力軟件工具包。

圖觀?典型應(yīng)用場(chǎng)景

圖觀?十余年來(lái)專(zhuān)注于數(shù)據(jù)可視化領(lǐng)域，系統(tǒng)平臺(tái)與行業(yè)需求深度結(jié)合，形成了一系列行業(yè)可視化產(chǎn)品，成功應(yīng)用于智慧城市、智慧園區(qū)、公安警務(wù)、航天戰(zhàn)場(chǎng)、應(yīng)急管理、智慧交通、智慧電力等多個(gè)領(lǐng)域，涵蓋監(jiān)測(cè)指揮、數(shù)據(jù)分析、演示匯報(bào)等多個(gè)應(yīng)用場(chǎng)景，支撐客戶(hù)完成大量重大信息系統(tǒng)建設(shè)，幫助各行業(yè)用戶(hù)發(fā)掘數(shù)據(jù)背后的規(guī)律，提高決策效率與能力。

雙渲染架構(gòu)

圖觀?在提供云端三維場(chǎng)景構(gòu)建、全要素?cái)?shù)據(jù)融合、場(chǎng)景效果配置、場(chǎng)景服務(wù)發(fā)布全流程服務(wù)的同時(shí)，還提供了雙渲染架構(gòu)可選——端渲染架構(gòu)和流渲染架構(gòu)。

流渲染架構(gòu)： 基于云端渲染服務(wù)器，生成可交互視頻流，供用戶(hù)實(shí)時(shí)操作訪問(wèn)，具備頂級(jí)渲染效果、超高性能、支持預(yù)加載，啟動(dòng)快、訪問(wèn)終端配置要求低等優(yōu)勢(shì)。

端渲染架構(gòu)：通過(guò)瀏覽器端的 WebGL 技術(shù)實(shí)時(shí)渲染場(chǎng)景，供用戶(hù)操作訪問(wèn)，具備任意終端都能獲得優(yōu)秀的渲染效果、對(duì)服務(wù)器負(fù)擔(dān)小、帶寬要求低、并發(fā)數(shù)量高等優(yōu)勢(shì)。

實(shí)施流程

01：產(chǎn)品選擇

數(shù)字冰雹提供雙渲染內(nèi)核開(kāi)發(fā)工具可選，根據(jù)不同應(yīng)用需求進(jìn)行選配，并完成注冊(cè)和線上申請(qǐng)。
02：場(chǎng)景構(gòu)建

使用圖觀?場(chǎng)景編輯器，在場(chǎng)景編輯器中導(dǎo)入模型數(shù)據(jù)和資源，進(jìn)行場(chǎng)景屬性和效果配置。
03：場(chǎng)景發(fā)布

在場(chǎng)景編輯器配置完成的三維場(chǎng)景，通過(guò)審核后，可發(fā)布為公有云或私有云數(shù)字孿生場(chǎng)景服務(wù)，支持應(yīng)用二次開(kāi)發(fā)。
04：應(yīng)用開(kāi)發(fā)

使用圖觀?渲染控件調(diào)用API ，基于已發(fā)布的數(shù)字孿生場(chǎng)景服務(wù)，編寫(xiě)業(yè)務(wù)邏輯、繪制業(yè)務(wù)數(shù)據(jù)、觸發(fā)場(chǎng)景交互，開(kāi)發(fā)屬于您的應(yīng)用。
05：應(yīng)用部署

開(kāi)發(fā)完成的項(xiàng)目應(yīng)用，可直接發(fā)布為公有云服務(wù)，也可將公有云服務(wù)進(jìn)行私有化部署。

場(chǎng)景構(gòu)建概述

基于“圖觀?”場(chǎng)景編輯器，在場(chǎng)景編輯器中導(dǎo)入模型數(shù)據(jù)和資源，進(jìn)行場(chǎng)景屬性和效果配置，并可將配置完成的三維場(chǎng)景發(fā)布成公有云/私有云服務(wù)。

Step1模型數(shù)據(jù)導(dǎo)入：進(jìn)入場(chǎng)景編輯器，新建場(chǎng)景，支持導(dǎo)入3DS MAX、Blenderd等建模工具導(dǎo)出的的GLB模型文件。

Step2模型編輯：在模型編輯菜單下，通過(guò)調(diào)整屬性參數(shù)，可以對(duì)模型節(jié)點(diǎn)材質(zhì)、貼圖、反射、半透明、高光等屬性進(jìn)行自定義編輯。

Step3場(chǎng)景編輯：進(jìn)入場(chǎng)景編輯界面，通過(guò)調(diào)整屬性面板中的參數(shù)，進(jìn)行環(huán)境光照、陰影、抗鋸齒、景深/輝光/霧等場(chǎng)景特效編輯。

Step4狀態(tài)編輯：通過(guò)場(chǎng)景狀態(tài)管理，可將場(chǎng)景要素的多個(gè)效果屬性進(jìn)行組合，實(shí)現(xiàn)一鍵快速切換模型、場(chǎng)景屬性。

Step5坐標(biāo)編輯：支持以場(chǎng)景原點(diǎn)為中心，基于真實(shí)地理空間經(jīng)緯度，通過(guò)錄入經(jīng)緯度坐標(biāo)或匹配二維地圖的方式，定義場(chǎng)景內(nèi)各要素的地理坐標(biāo)，實(shí)現(xiàn)要素對(duì)象的精確定位。

Step6場(chǎng)景預(yù)覽：通過(guò)場(chǎng)景管理，可對(duì)當(dāng)前場(chǎng)景下的所有屬性信息進(jìn)行保存，并提前預(yù)覽最終效果。

應(yīng)用開(kāi)發(fā)

圖觀?統(tǒng)一開(kāi)發(fā) API 是一套基于 JavaScript 語(yǔ)言開(kāi)發(fā)的二次編程接口，用于在現(xiàn)代瀏覽器中加載、顯示圖觀?引擎提供的流渲染或端渲染三維場(chǎng)景，并且為開(kāi)發(fā)者提供在場(chǎng)景中繪制業(yè)務(wù)數(shù)據(jù)、觸發(fā)場(chǎng)景交互、控制場(chǎng)景邏輯的功能。圖觀?統(tǒng)一開(kāi)發(fā)API 兼容當(dāng)前主流的 JavaScript 前端框架，例如 Vue.js 或者 React，前端開(kāi)發(fā)人員可快速便捷的進(jìn)行二次開(kāi)發(fā)。