项目描述:基于 Web 的智能立体仓库 3D 可视化管理系统,通过三维建模实时展示仓库货架、 AGV 小车、
货物状态,并与物联网设备( PLC、传感器)通过 MQTT 协议通信,实现数据驱动的自动化仓储管理。系
统支持设备监控、库存管理、路径规划、异常报警等功能 ,提升仓储运营效率 30%以上。
核心职责与业绩:
1. 主导 3D 可视化开发,使用 Three.js 构建立体仓库三维场景,包括货架、AGV 小车、输送带等模型
渲染,采用 GSAP 实现 AGV 运动动画、货物出入库动画,优化性能表现,集成 dat.GUI 提供调试面
板,动态调整光照、相机角度等参数
2. 实时数据通信,基于 MQTT 协议与物联网设备通信,订阅 PLC 和传感器数据(如温湿度、货架状态)
,确保 3D 场景与物理仓库状态一致,超时断连和重连
3. 采用 Vue3 + TS 开发,使用 composition API 提高代码复用性,构建了 useThree.ts,useMqtt.ts 等多
个自定义 hooks,通过 Vite 构建项目,利用动态导入优化 Three.js 等大型库的加载性能,实现按需加载3D
模型 ,减少首屏加载时间40%
4. 实现 3D 场景的交互功能 ,拖拽视角控制 ,路径规划可视化
5. 通过 MQTT 实时驱动 Three.js 场景,实现数字孪生效果,GSAP 实现流畅的 AGV 运动轨迹,避免卡顿