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