简历

江中集团数字孪生项目（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 能定位和控制场景里的具体设备
  • 图表销毁、场景清理、状态恢复和相机冲突处理后，连续操作更稳
  • 提取、纯化、罐体、时间轴、语音和跨端能力拆成可复用模块

可能会问的问题 ​

切层级或关面板后，模型为什么还会勾边、透明？

设备、货物、货架、仓库、罐体的选中、勾边、透明、隐藏走统一状态，切场景或关面板时按对象恢复，避免残留。

罐体液位是引擎自带的还是自己做的？

基于 ThingJS 自定义液体圆柱、水面波动和气泡，按罐体数据控液位和运行态，不是引擎现成液位组件。

连点同一个罐体为什么会叠出多张图？

三维折线图有实例管理和销毁。同一设备或罐体重复点击、快速切换时先销旧图，再创建，避免残留。

透明屏和 iPad 怎么对上三维里的某一台设备？

WebSocket 和 postMessage 同步操作，从外部终端定位到监控、门禁、产线设备等最小单元。

长文案播报怎么避免卡顿和抢播？

阿里云 NLS TTS 走 WebSocket 长连接，配合音频缓存、TTS 预热、播放队列和 AudioWorklet，长文案分段播报并管播放状态。

视角动画和视频、语音怎么对齐？

菜单、层级、产线、工序生成视角配置；缓存和飞行冲突处理；视角动画与视频、文案、语音按播放时序编排。