對下列案例感興趣的同學(xué),可以進捷碼官網(wǎng):www.gemcoder.com,申請捷碼賬號。
案例效果:
步驟描述:
1、頁面設(shè)計 2、動畫配置 3、數(shù)據(jù)標簽 4、燈光效果 5、交互配置
一、頁面設(shè)計
新建頁面,如下:
3D模型資源文件上傳,如下:
先拖放場景組件,構(gòu)建3D場景,如下:
使用上傳模型搭建倉庫地面周邊環(huán)境,如下:
繼續(xù)使用上傳模型組件完成以下模型的搭建:分揀臺、貨物堆、貨車&貨物、小叉車、小貨架、雜物堆、單排貨架,如下:
使用上傳模型搭建機械臂并設(shè)置高度位置,如下:
使用3D點圖層構(gòu)建雙排貨架,如下:
根據(jù)自己的需要設(shè)置貨架位置信息。
三、動畫配置
設(shè)置機械臂動畫,如下:
設(shè)置叉車位置、軌跡動畫,如下:
四、數(shù)據(jù)標簽
五、燈光效果
六、交互配置
單排貨架點擊移動,事件配置如下:
彈框內(nèi)容設(shè)置,如下:
配置貨物堆點擊彈窗事件,如下:
視角聯(lián)動切換
下拉框配置數(shù)據(jù)如下:
叉車視角綁定到下拉框的value,如下:
視角效果如下:
第一人稱