Skip to content

概述

SceneV 3D 是面向数字孪生和三维可视化场景的在线设计能力,用三维空间承载设备、建筑、产线、园区和城市对象,让业务数据从二维看板延展到可漫游、可交互、可联动的 3D 场景中。

参考在线演示站的产品形态,SceneV 3D 更适合用于智慧工厂、智慧园区、能源监控、设备运维、城市物联等需要表达空间关系的场景。

1. 产品定位

SceneV 大屏可视化侧重二维画布、图元组件、ECharts 图表和业务看板。SceneV 3D 侧重三维空间、模型资产、实时状态和沉浸式交互。两者可以组合使用:

能力SceneV 大屏可视化SceneV 3D
展示方式2D 大屏、驾驶舱、组态画布3D 场景、数字孪生、空间漫游
核心对象图元、图表、组件、数据卡片模型、场景、设备、空间节点
适用场景数据总览、指标监控、业务看板设备定位、园区态势、产线仿真
交互方式点击、拖拽、弹框、条件动作视角控制、模型选中、状态高亮

2. 核心能力

  • 三维场景搭建:围绕园区、厂房、产线、机房、设备等对象组织空间结构。
  • 模型资产管理:通过模型表达真实设备和业务对象,形成可复用的 3D 资产。
  • 实时数据驱动:接入 HTTP、WebSocket、MQTT、ThingsBoard 等数据源,驱动颜色、状态、告警和信息面板。
  • 沉浸式交互:支持视角漫游、模型选中、缩放查看、信息弹窗和场景跳转。
  • 脚本与事件编排:面向复杂业务联动,可通过脚本、条件、事件动作组织场景逻辑。
  • 在线预览发布:面向大屏展示和 Web 端访问,支持设计完成后的预览与发布。

3. 工作模式

根据在线站点加载方式,SceneV 3D 可分为编辑、预览和访问三类模式:

模式入口形态说明
编辑模式设计器主应用用于搭建场景、管理模型、配置属性、绑定数据和编排事件
预览模式/preview/3d?preview=1用于在发布前检查真实运行效果
查看模式/view/3d用于面向大屏、业务系统或最终用户展示 3D 场景

编辑模式关注配置效率,预览模式关注还原运行效果,查看模式关注加载速度、稳定性和业务集成。

4. 技术能力

在线演示站加载了 WebGL 三维渲染资源、Monaco 编辑器资源和 3D 预览资源,因此 SceneV 3D 文档建议围绕以下能力展开:

能力说明
WebGL 渲染用于在浏览器中运行三维场景、模型、材质、灯光和动画
3D 预览用于将编辑态场景切换到真实运行态
脚本编辑用于编写数据过滤、事件回调和业务联动逻辑
资源按需加载编辑器、预览器、模型资源和样式资源按场景加载,降低首屏压力
业务集成支持作为独立页面或嵌入式页面接入业务系统

5. 典型应用

智慧工厂

以厂房、产线、设备和工位为核心对象,展示设备运行状态、产线节拍、能耗、告警和巡检信息。

智慧园区

以建筑、道路、楼层、摄像头、门禁、能耗点位为核心对象,展示园区运行态势和空间分布。

设备运维

以关键设备模型为中心,关联实时遥测、故障状态、维护记录和告警详情,帮助运维人员快速定位问题。

城市物联

以道路、建筑、路灯、井盖、环境监测点等对象为核心,呈现城市级设备分布和实时状态。

6. 与数据平台集成

SceneV 3D 可以作为物联网平台、业务系统或运维系统的可视化前端。常见集成方式包括:

  1. 通过 HTTP 接口拉取业务数据。
  2. 通过 WebSocket 订阅实时数据。
  3. 通过 MQTT 接收设备消息。
  4. 通过 ThingsBoard 获取遥测、属性和告警数据。

7. 建设步骤

一个完整的 SceneV 3D 项目通常按以下步骤推进:

  1. 确定业务对象:梳理园区、楼栋、产线、设备、传感器等核心对象。
  2. 准备模型资产:确认模型格式、命名、层级、贴图和精度。
  3. 搭建基础场景:完成地面、环境、灯光、相机和空间层级。
  4. 绑定业务数据:将设备状态、遥测指标、告警和统计数据绑定到模型。
  5. 配置交互逻辑:组织点击、视角切换、弹框、联动和跳转。
  6. 优化运行性能:控制模型面数、贴图尺寸、动画数量和数据刷新频率。
  7. 发布与集成:通过预览确认后,嵌入大屏、业务系统或运维平台。

下一步可阅读 快速开始,了解一个 3D 场景从创建到发布的基本流程。