捷碼是杭州遠(yuǎn)眺科技旗下的全場景賦能的通用型快速開發(fā)平臺，支持全碼/低碼/零碼/AI等多種開發(fā)模式，具備3D數(shù)字孿生、GIS地圖、可視化大屏、工作流、業(yè)務(wù)表單、APP/Web系統(tǒng)等全技術(shù)鏈快速開發(fā)的支撐與服務(wù)能力。

其中，捷碼3D組件，是遠(yuǎn)眺公司經(jīng)過長達(dá)10年的3D領(lǐng)域探索與積累后自主研發(fā)的。該組件基于WebGL技術(shù)，采用B/S架構(gòu)，具有低門檻、高并發(fā)量的特點(diǎn)，非常適合各種大型場景的搭建。自市場化以來，已經(jīng)贏得了數(shù)萬捷碼訂閱開發(fā)者的廣泛認(rèn)可和好評。

如何使用捷碼3D組件搭建3D智慧園區(qū)呢？主要分為2步！

一、創(chuàng)建場景

（1）新建頁面

點(diǎn)擊“+”新建頁面，填寫頁面名稱“快速創(chuàng)建3D頁面”，點(diǎn)擊“確定”完成頁面創(chuàng)建。

（2）新建空白場景

切換到3D組件下，將場景組件拖動到畫布區(qū)，完成創(chuàng)建場景，如下：

二、開始搭建

（1）添加小場景的場景地面，上傳一個(gè)自定義模型

拖入一個(gè)“上傳模型”到場景中，我們給場景上傳場景地面模型

（2）添加其他模型

通過3D組件內(nèi)置的各類模型，拖入指定模型完成小場景搭建

(3)設(shè)置天空

場景>屬性>天氣與地面>天空樣式，選擇第2個(gè)，完成天空的更換。

（4）增加光線氛圍

拖入燈光組件，模擬太陽光照。比如，光源類型選擇聚光；位置選擇—：X 170； Y 40；Z 5； 設(shè)置光源顏色：#F58929

（5）隱藏地面網(wǎng)絡(luò)

隱藏地圖網(wǎng)格圖片

（6）添加地面

拖入多邊形圖層，全選下列代碼，復(fù)制粘貼至多邊形圖層的數(shù)據(jù)中，以便通過數(shù)據(jù)坐標(biāo)來確定地面范圍。

（7）保存、完成

點(diǎn)擊保存，完成效果，點(diǎn)擊頁面預(yù)覽查看最終效果。

除了3D組件外，為了滿足用戶搭建高性能、超大規(guī)模數(shù)字孿生場景的需求，捷碼今年新增了UE組件，這一組件支持UE5和捷碼的雙向通信，不僅將UE渲染的超凡畫質(zhì)呈現(xiàn)于捷碼平臺，更支持與捷碼其他組件和功能的交互使用。當(dāng)面對需要大面積、高真實(shí)感渲染的場景時(shí)，開發(fā)者可以在UE中構(gòu)建項(xiàng)目，并與捷碼平臺的web、大屏、地圖等組件配合使用。

想體驗(yàn)用捷碼快速搭建3D場景的同學(xué)，可登錄捷碼官網(wǎng)：www. gemcoder.com, 進(jìn)一步享受極速開發(fā)體驗(yàn)！