江中集团数字孪生项目(2025.11 – 2026.01)
项目简介
面向江中集团制药生产基地的三维数字孪生平台。按真实场景搭基地、车间、仓库、设备和生产工序的三维交互。覆盖基地介绍、物流运输、仓储管理、液体车间、固体车间、提取工序、分离纯化、智能制造和绿色工厂。支持设备状态、工艺流程演示、罐体数据、历史回溯,以及透明屏、iPad 多端交互。
技术栈
Vue 3 / TypeScript / Vite / Pinia / Element Plus / ThingJS 2.0 / ECharts / ECharts-GL / WebSocket / MQTT / SCSS / 阿里云 NLS TTS
个人职责
负责车间、工序、仓储和罐体可视化。提取 / 分离 / 纯化的视角、流程动画、设备高亮和场景交互;仓库、货架、货物、设备的选中、透明、层级和恢复;罐体运行态、液位、气泡、实时和历史回溯;三维曲线图的创建、更新、定位、提示和销毁;时间轴、历史订单、工序看板与三维联动;透明屏与 iPad 的 WebSocket、postMessage;阿里云 NLS 语音播报、缓存、TTS 预热和播放控制;视角配置、相机飞行、自动巡游,以及视角动画与视频、文案、语音的时序。
技术亮点
- 工序联动:工序、设备状态、视角、文案和语音统一编排,做提取 / 分离 / 纯化流程演示。
- 多层级场景:基地、车间、仓库、楼层、产线的进入、返回、导航回退、模型加载和视角飞行协同。
- 对象状态:设备、货物、货架、仓库、罐体的选中、勾边、透明、隐藏和恢复,避免切场景或关面板残留。
- 仓储交互:仓库 / 货架 / 货物联动;货物点击保留勾边;切仓库时销毁旧对象。
- 罐体液位:自定义液体圆柱、水面波动和气泡,按数据控液位和运行态。
- 3D 曲线图:ThingJS Mesh + Catmull-Rom;渐变、轮廓、刻度、时间标签和 HTMLMarker 提示;实例销毁,避免连点残留多图。
- 时间轴回溯:实时 / 历史模式;按时间范围更新罐体曲线、历史订单和工序看板。
- 视角与特效:菜单 / 层级 / 产线 / 工序生成视角配置;缓存和飞行冲突处理;设备动画、管道粒子、液体波动、高亮和虚化。
- 跨端与语音:WebSocket +
postMessage同步透明屏 / iPad,定位到监控、门禁和产线设备;阿里云 NLS TTS 长连接、缓存、预热、播放队列和 AudioWorklet,长文案分段播报。 - 模块拆分:场景初始化、视角、对象状态、罐体、图表、语音、流程动画和跨端通信拆成独立类和管理器。
项目成果
- 做成制药基地、车间、仓库、设备和工序的三维交互
- 液体 / 固体车间的设备交互、层级、工序视角和状态
- 提取 / 分离 / 纯化故事线:模型、视角、文案、视频和语音联动
- 仓储多层级交互;罐体液位、运行态、历史回溯和三维监测曲线
- 透明屏与 iPad 能定位和控制场景里的具体设备
- 图表销毁、场景清理、状态恢复和相机冲突处理后,连续操作更稳
- 提取、纯化、罐体、时间轴、语音和跨端能力拆成可复用模块