對(duì)下列案例感興趣的同學(xué)，可以進(jìn)捷碼官網(wǎng)：www.gemcoder.com,申請捷碼賬號(hào)。

案例效果：

步驟描述：

1、頁面設(shè)計(jì) 2、動(dòng)畫配置  3、數(shù)據(jù)標(biāo)簽  4、燈光效果  5、交互配置

一、頁面設(shè)計(jì)

新建頁面，如下：

3D模型資源文件上傳，如下：

先拖放場景組件，構(gòu)建3D場景，如下：

使用上傳模型搭建倉庫地面周邊環(huán)境，如下：

繼續(xù)使用上傳模型組件完成以下模型的搭建：分揀臺(tái)、貨物堆、貨車&貨物、小叉車、小貨架、雜物堆、單排貨架，如下：

使用上傳模型搭建機(jī)械臂并設(shè)置高度位置，如下：

使用3D點(diǎn)圖層構(gòu)建雙排貨架，如下：

根據(jù)自己的需要設(shè)置貨架位置信息。

三、動(dòng)畫配置

設(shè)置機(jī)械臂動(dòng)畫，如下：

設(shè)置叉車位置、軌跡動(dòng)畫，如下：

四、數(shù)據(jù)標(biāo)簽

五、燈光效果

六、交互配置

單排貨架點(diǎn)擊移動(dòng)，事件配置如下：

彈框內(nèi)容設(shè)置，如下：

配置貨物堆點(diǎn)擊彈窗事件，如下：

視角聯(lián)動(dòng)切換

下拉框配置數(shù)據(jù)如下：

叉車視角綁定到下拉框的value，如下：

視角效果如下：

第一人稱