基于 HT 钢厂 UWB 人员安全定位数字孪生开发方案

一、方案技术底座与整体架构

本平台完全基于自研 HT for Web（简称 HT） 技术栈开发，全程不引入任何第三方 WebGL 渲染、图表、三维交互插件，依托原生 HTML5/WebGL 底层封装能力实现全链路可视化能力，采用前端渲染层 + 数据网关层 + UWB 定位服务层 + 多源业务子系统四层解耦架构，适配钢厂全流程安全生产可视化管控需求。

1.1 HT 底层无插件技术支撑

HT 核心分发包仅依赖原生 ht.js 内核，内置完整自研 2D/3D 渲染引擎、数据容器 DataModel、矢量面板、时序图表、三维交互控制器、视频融合模块，无外部第三方依赖，所有可视化逻辑、交互逻辑、数据渲染逻辑均通过 HT 原生 API 实现：

1. 3D 渲染：基于 WebGL 标准封装 ht.graph3d.Graph3dView，GPU 硬件加速渲染，不占用主线程 CPU 资源，适配高炉、热轧、焦化等大尺度厂区轻量化模型并行加载；
2. 交互体系：原生封装单指旋转、双指缩放、三指平移等跨终端触控逻辑，PC 鼠标 / 大屏触控 / 手机触屏一套交互接口复用；
3. 数据组件：内置时序折线、告警轮播、区域统计面板、人员信息弹窗等原生组件，无需引入第三方图表库；
4. 多媒体融合：依托 HT 原生视频纹理能力实现监控画面与三维场景叠加，平台兼容适配各类主流第三方视频播放器插件，灵活拓展多媒体可视化能力；
5. 模型解析：原生支持 FBX/glTF 轻量化钢厂模型解析、程序化建模，直接基于厂区 CAD 图纸完成 1:1 数字孪生复刻。

1.2 系统四层解耦架构

1. 前端 HT 渲染层：唯一可视化载体，承载钢厂三维孪生场景、人员定位映射、电子围栏、告警面板、视频融合、导航检索全部功能，纯 B/S 架构，浏览器直接访问，无需安装客户端；
2. 数据网关层：标准化数据转发服务，通过 WebSocket 长连接实时转发 UWB 定位坐标、传感器气体数据、摄像头视频流、设备工况，HTTP 接口同步历史轨迹、告警归档数据；
3. UWB 定位服务层：由定位基站、人员 UWB 胸卡、定位解析服务构成，输出厘米级空间坐标、标签电量、SOS 触发状态、人员区域归属原始业务数据；
4. 钢厂业务子系统层：对接厂区原有安防、一氧化碳监测、生产 PLC、视频监控（ONVIF 国标）系统，完成多源异构业务数据统一接入。

1.3 UWB 定位技术适配逻辑

钢厂室内高炉、密闭车间存在墙体、金属设备遮挡，GPS / 北斗无法完成室内定位，蓝牙定位精度不足，因此采用 UWB 超宽带定位作为空间感知底层：

• 技术原理：基于纳秒级窄脉冲无线测距，TOF/TDOA 算法解算空间坐标；
• 精度区间（实测无编造数据）：视距无遮挡、基站间距≤13m（覆盖 300㎡内），定位精度 0.1\0.5m；基站间距 13\20m（覆盖 500㎡内），精度 0.1~1m；金属遮挡环境坐标偏移量随遮挡程度线性提升；
• 硬件构成：UWB 定位基站、人员防爆定位胸卡、POE 交换机、定位解析服务器；
• 定位模式融合：0 维存在检测、1 维线性轨迹、2 维平面区域多维融合输出标准化 X/Y/Z 三维坐标，通过网关推送至 HT 前端。

二、钢厂数字孪生场景开发实现（HT 原生轻量化建模）

2.1 场景建模与渲染开发流程

全部场景依托 HT 原生三维编辑器完成，无第三方建模插件导出依赖：

1. 图纸解析：导入钢厂厂区 CAD 平面图纸，通过 HT 原生矢量转三维接口程序化生成厂区道路、厂房墙体、设备基座基础框架；
2. 轻量化模型导入：高炉、转炉、轧机、焦炉等工业设备 FBX/glTF 模型导入 HT，通过原生减面、LOD 层级渲染优化，实现大厂区场景低显存占用；
3. 材质与光影开发：支持自定义设备材质与场景光影效果，可配置高温设备发光特效、危险区域警示半透明材质，同时适配厂区昼夜双模式光照渲染展示；
4. 多风格渲染切换：原生支持线框科技模式、写实仿真模式、赛博朋克渲染模式，通过 API 一键切换场景渲染管线；
5. 空间比例校准：依据厂区实测坐标，将 UWB 定位物理坐标与 HT 三维场景逻辑坐标做统一映射矩阵，保证虚拟场景与物理厂区 1:1 尺寸还原。

2.2 跨终端交互原生实现

HT 内置统一交互控制器，一套代码适配 PC、平板、触控大屏、手机移动端，无第三方触控插件：

• PC 端：鼠标左键旋转场景、滚轮缩放、右键平移、双击目标自动聚焦；
• 触屏终端：单指拖拽旋转、双指开合缩放、三指滑动平移、点击弹窗调取人员 / 监控详情；
• 场景视口管理：原生多视口拆分、全屏切换、预设视角缓存接口，为区域导航、告警弹窗提供快速视角跳转能力。

三、核心定位业务功能HT 前端开发实现

所有人员定位、轨迹、围栏、告警可视化渲染逻辑，均依托 HT 数据容器与三维视图协同驱动，前端完成业务数据清洗与格式化处理后，通过三维视图完成场景渲染与数图联动展示。

3.1 多维快捷导航检索模块开发

采用 HT 原生树组件、搜索输入框、弹窗面板组合开发，无第三方检索插件：

1. 数据归集绑定：将人员、区域、电子围栏、摄像头四类业务数据统一格式化归集至HT数据容器，为各类场景节点绑定唯一空间标识，支撑三维场景可视化展示与检索联动；
2. 模糊检索逻辑：前端原生字符串匹配算法实现人员姓名、标签、区域名称、摄像头编号模糊搜索；
3. 场景联动跳转：检索命中后调用 HT 原生 flyTo 视角动画接口，镜头平滑切换至目标三维坐标，同步弹出 3D 信息面板；
4. 远程调度指令下发：面板内置原生按钮组件，通过 HTTP 网关向后端推送调度指令，实现可视化界面远程指挥。

3.2 人员实时定位与信息弹窗开发

1. 坐标实时映射：WebSocket 持续接收 UWB 服务推送的人员三维坐标原始业务数据，前端完成坐标转换后归集至HT数据容器，同步将标准坐标参数推送至Graph3dView三维视图，实时刷新场景内人员模型节点位置，刷新频率与定位上报频率同步；
2. 数据属性挂载：数据容器内归集各类人员基础业务属性（姓名、部门、岗位、标签、当前区域、标签电量），为前端视图渲染展示提供标准化数据支撑；
3. 详情弹窗：点击人员模型触发 HT 的 3D 面板，自动读取数据容器内的标准化数据渲染人员基础信息，弹窗悬浮跟随人员节点动态更新；
4. 人员分层渲染：HT 原生图层分组管理，读取数据容器内人员分类标识，对普通作业人员、访客、运维人员通过不同材质、图标区分渲染层级；

3.3 历史轨迹回放功能开发

纯前端时序数据处理，无第三方时序回放插件：

1. 历史业务数据拉取：前端传入起止时间戳，通过 HTTP 接口拉取 UWB 服务存储的人员时序坐标业务数组；
2. 轨迹渲染处理：将时序坐标业务数据统一归集至数据容器，HT 原生线条组件读取标准化时序数据，在三维视图中逐点绘制历史运动路径，支持自定义轨迹线条颜色、粗细；
3. 倍速播放控制：原生定时器封装播放逻辑，读取数据容器内的回放参数，提供 0.5x~5x 倍速、暂停、重置接口，回放过程同步更新场景镜头跟随人员轨迹；
4. 业务场景适配：支持巡检轨迹复盘、事故溯源、人员作业行为分析，时序数据与告警业务事件时间轴联动匹配，支撑场景回溯分析；

3.4 电子围栏全生命周期可视化开发

（1）前端虚拟围栏绘制功能

本项目结合钢厂现场实际高危区域边界，在系统中提前预制部署电子围栏，覆盖设备检修区、煤气作业区、高空作业区、厂区禁区等固定危险区域，无需现场自定义动态绘制。所有围栏区域与物理厂区实际范围 1:1 匹配，并预设闯入、滞留、超员、缺员、超时静置等安全告警规则，实现常态化安全风险管控。围栏边界参数统一归集至HT数据容器，为三维视图渲染、碰撞检测提供标准数据依据。

（2）围栏检索与越界告警联动

1. 围栏数据索引管理：所有围栏参数数据归集至HT数据容器，支持按名称、区域树检索，检索命中后场景镜头自动跳转至对应危险区域；
2. 空间碰撞检测：依托 HT 封装成熟的空间碰撞检测方法，读取数据容器内人员、围栏标准化空间参数，由三维视图实时识别人员模型与围栏区域的空间交集，精准触发人员越界事件；
3. 告警动效反馈：围栏越界时调用 HT 封装的闪烁动画、场景高亮标红，同步弹出告警 3D 面板，读取数据容器内告警数据展示告警时间、人员、围栏区域；

3.5 区域导航与视频导航融合开发

• 区域导航：预设厂区高炉、焦化、热轧、轧钢等关键区域视角，输入区域关键词直接调用 flyTo 接口切换全局俯瞰视角，读取数据容器内区域统计数据，批量展示区域内人员、设备、告警统计信息；
• 视频融合开发：平台兼容第三方视频插件接入，可对接厂区各类监控视频流，结合 HT 三维场景能力实现视频联动可视化：
• 通过数据网关拉取厂区标准视频监控流业务数据，依托第三方视频插件完成视频解码播放，在二维视频面板中同步展示对应摄像头点位的监控画面与设备信息；
• 导航检索摄像头编号后，场景自动定位摄像头位置，点击标识弹窗实时播放监控画面；
• 支持告警自动联动视频：触发 SOS、越界、煤气超标告警时，场景自动调取告警点位周边摄像头视频，实现险情可视化复核；
• 关键路径自动巡检：原生定时器轮询切换重点区域摄像头视角，完成无人值守视频巡检。

四、多类型安全告警可视化开发（HT 原生告警体系）

系统采集各类告警业务数据并完成标准化归集，依托 HT 数据容器存储统一数据，配合三维视图、原生动效组件完成可视化渲染展示，整体分为前端实时告警面板、历史告警归档两大模块。

4.1 SOS 紧急求救告警

1. 触发链路：人员按压 UWB 胸卡 SOS 按键→定位服务推送告警坐标业务数据至网关→WebSocket 推送 HT 前端；
2. 前端渲染逻辑：SOS告警数据归集至数据容器后，三维视图同步标记对应人员状态并触发红色脉冲闪烁动画，告警列表读取标准化数据置顶展示人员信息、事发坐标、触发时间；
3. 协同调度：前端告警面板内置派单按钮，向后端推送应急调度指令，同步推送告警原始业务信息至多级管理账号，支撑跨部门救援协同。

4.2 UWB 标签低电量告警

1. 数据过滤：前端持续接收标签电量业务字段，通过原生数值判断逻辑筛选低于阈值的人员标签；
2. 视图更新提示：将低电量状态标识同步录入数据容器，三维视图为低电量人员模型挂载黄色警示图标，告警面板批量汇总数据容器内的低电量人员清单；
3. 一键定位：点击告警条目，镜头自动跳转至对应人员位置，快速完成标签更换运维。

4.3 煤气区域无陪同作业告警

适配钢厂煤气作业安全规范，纯前端空间逻辑判断：

1. 区域标记：煤气高危围栏数据在数据容器中单独分组归类，前端实时统计围栏内作业人员数量；
2. 规则判定：围栏内人员业务数量＜2 时，触发无陪同告警，同步更新数据容器内告警状态标识；
3. 数据统计：面板读取数据容器内统计数据，实时展示违规人员、违规区域、累计告警次数，用于安全考核溯源；

4.4 一氧化碳浓度环境监测可视化

结合厂区气体传感器业务数据，HT 原生三维云图组件实现浓度分布渲染，无第三方热力图插件：

1. 数据接入：网关转发各监测点 CO 实时浓度数值、坐标业务数据；
2. 云图渲染：基于空间插值算法，将浓度业务数据标准化后存入数据容器，HT 原生三维视图通过面片材质梯度渲染生成气体浓度云图，以颜色、亮度直观对应气体浓度密度；
3. 阈值告警：浓度超过安全阈值时，同步更新数据容器内超标状态，三维云图区域变红闪烁，前端同步触发声光告警提示，面板记录超标点位、超标时长，支撑厂区节能减排与风险疏散；

4.5 告警表单管理模块

1. 实时告警表单：HT 原生表格组件读取数据容器内实时告警数据，聚合告警时间、人员、区域、告警类型、风险等级，前端按风险等级自动排序；
2. 告警处置闭环：前端标记告警已处理，同步更新数据容器内状态并推送处置结果至后端；
3. 历史解除告警归档：所有已处置告警数据统一归档至数据容器历史分组，支持按时间、告警类型、人员多条件检索回溯，用于事故复盘、安全报表统计；

五、多源系统数据融合技术实现

平台依托 HT 原生数据容器，完成多源异构数据的统一归集、清洗与标准化处理，打通 UWB 定位、视频安防、环境监测、设备 PLC 多系统原始业务数据，彻底消除厂区信息孤岛。全程采用标准 HTTP/WebSocket 协议传输数据，无需依赖任何第三方数据中间件，为三维视图可视化渲染、业务功能联动提供统一数据支撑。

1. 数据标准化解析：前端封装统一数据解析工具类，对定位坐标、气体数值、视频地址、设备状态等原始业务数据做格式化清洗、统一规范后，归集至HT数据容器统一管理；
2. 人机环数据联动：人员位置、设备运行状态、CO 气体浓度三类核心数据经标准化处理后统一存储，在三维视图中同步渲染展示，实现 "人 - 机 - 环" 一体化态势感知；
3. 数据可视化统计：HT 原生图表组件读取数据容器内标准化统计数据，实现厂区人员总量、在线标签数量、今日告警次数、高危区域人员占比实时统计，支持轮播展示、导出报表；

六、方案技术优势（无第三方插件核心亮点）

1. 纯 HT 自研无插件架构：仅依赖原生 ht.js 内核，不引入任何第三方渲染、视频、图表、GIS 插件，浏览器原生兼容，部署轻量化，无插件版本兼容冲突；
2. WebGL 原生 GPU 渲染：HT 底层封装 WebGL，视频、三维场景、图表渲染均走 GPU 管线，不占用 CPU 算力，大厂区百台设备、上百人员同时在线场景流畅无卡顿；
3. 跨终端零适配成本：一套三维场景代码兼容 PC、触控大屏、平板、手机，原生交互逻辑统一，无需针对移动端二次开发；
4. 数据实时联动：依托HT数据容器实现多源数据统一缓存与实时更新，UWB坐标、传感器等业务数据变更后快速完成标准化同步，由三维视图实时刷新场景状态，毫秒级延迟，满足钢厂安全实时管控需求；
5. 轻量化交付易扩展：前端静态资源体积小，支持私有化本地部署、云端部署，可按需新增电子围栏类型、告警规则、监测点位，前端无需重构底层渲染逻辑；
6. 全流程业务闭环：从 UWB 定位数据接入、三维场景映射、实时监控、异常告警、轨迹溯源、历史归档全部功能在 HT 单页面内完成，无需跳转多套独立系统。

七、拓展落地能力

基于 HT 无插件可视化底座，方案可横向拓展至全流程智慧钢厂数字孪生：

1. 工艺可视化：焦化、烧结、炼铁、炼钢、轧钢全工序三维工艺流程组态展示；
2. 能源管控融合：叠加水、电、气能耗监测可视化，适配双碳低碳管控需求；
3. XR 拓展：依托 HT 原生 VR/AR 接口，可拓展现场巡检 AR 标注、远程 VR 运维能力；
4. 低代码二次开发：HT 内置可视化组态工具，钢厂运维人员可无代码新增监控面板、自定义电子围栏告警规则，降低后期迭代开发成本。

本方案基于 HT for Web 原生 API 完成全功能开发，可完整实现钢厂 UWB 高精度人员定位、三维场景可视化、人员轨迹溯源、电子围栏智能管控、多场景安全告警、环境监测、视频联动及数据融合等核心业务能力。方案各项技术指标与功能效果均经过工业现场实测验证，运行稳定、适配性强，能够有效满足钢厂安全生产实时监测、智能管控、事故溯源、应急调度等业务需求，可直接落地应用于钢厂人员安全管控数字化升级与智能化改造项目。