简历

江中集团数字孪生项目（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，长文案分段播报。
  • 可点名调用：飞行、聚焦、高亮、显隐、路径巡检按方法名 + 设备 id 执行；菜单、iPad 和后来的助手走同一套对象状态，三维生命周期仍在宿主。

项目成果 ​

  • 生产场景交互：实现制药基地、车间、仓库、设备和工序的三维交互。
  • 车间设备展示：支持液体与固体车间的设备交互、层级、工序视角和状态展示。
  • 工序故事线：联动提取、分离、纯化场景中的模型、视角、文案、视频和语音。
  • 仓储与罐体监测：支持仓储多层级交互，以及罐体液位、运行态、历史回溯和三维监测曲线。
  • 跨端场景交互：透明屏与 iPad 可定位和控制场景中的具体设备。
  • 连续操作处理：处理图表销毁、场景清理、状态恢复和相机冲突问题，改善连续操作稳定性。
  • 模块复用：提取、纯化、罐体、时间轴、语音和跨端能力拆分为可复用模块。
  • 场景能力接入：场景方法可供后续助手按白名单调用，车间三维仍由宿主承载。