跳到主要内容

简介

概述

万维3D组态是一款功能强大的基于Web(vue3+vite+naiveUI)的可视化组态编辑器,采用标准HTML5技术,基于B/S架构进行开发,支持WEB端呈现;基于浏览器的高效图形化开发工具,专为工业自动化、物联网、智能制造等领域设计。它能够通过简洁的拖拽操作,将数据、流程和逻辑直观地可视化,帮助用户快速构建功能强大且界面美观的组态画面

📌 功能总览

万维3D组态编辑器是一款基于 Web 的三维可视化建模工具,支持 3D 模型组态、实时数据绑定、场景配置与动画编辑,适用于设备运行监控、能耗管理、智慧园区等场景。


🧱 主界面结构

区域说明
左侧面板提供图纸结构管理、场景管理、资源库、数据集配置等功能。
中央画布主 3D 编辑区,用于放置、移动和配置模型及其动画和属性。
右侧面板场景配置、环境设置、渲染效果、后处理等参数设置入口。
顶部工具栏提供导入导出、保存预览、撤销重做等快捷功能。

📂 功能模块详解

1. 图纸结构模块

  • 支持图纸中模型层级结构的管理与分类。
  • 支持按名称或类型检索模型组件。
  • 可自定义模型分组(如“流动条”、“HTML标签”、“水泵”、“电动阀”等)。

2. 场景管理

  • 场景属性配置

    • 名称设置
    • 背景图配置(如等经纬度矢影图)
    • 环境图配置(HDR 等)
    • 雾效选择(支持“无”、“线性”、“指数”等)
    • 主场景与网格、辅助线开关
  • 渲染参数

    • 抗锯齿:开启后画面更平滑
    • 阴影类型选择:如 PCF、VSM 等
    • 色调映射设置:如无、Reinhard、Uncharted2 等

3. 数据集管理

支持多种物联网数据集协议,绑定设备数据至三维模型属性上:

  • HTTP 数据集:支持定时轮询获取远程接口数据
  • MQTT 数据集:实时推送型物联网消息通道
  • WebSocket 数据集:适用于持续更新的实时数据流

每个数据集支持设置属性、数据源、模拟器、刷新周期等参数。

4. 分组与结构

  • 对 3D 对象进行逻辑分组,便于统一控制和层级组织。
  • 分组后可实现批量操作、属性继承、整体拖拽等功能。

5. 视角控制

  • 提供多视角(Top、Front、Left 等)切换按钮。
  • 支持视角保存、还原、对齐与动画视角切换。
  • 配合鼠标控制,可实现缩放、平移、旋转等交互。

🛠 3D 编辑核心功能

功能描述
模型导入支持拖拽或选择已有资源库中的 3D 模型(GLTF、FBX 等格式)
属性绑定将模型属性(如位置、旋转、颜色)与实时数据进行绑定
标签与注释支持添加 HTML 标签,显示实时数值、状态或设备信息
流动动画管道与流体可配置动态材质、方向箭头模拟流动效果
材质编辑支持自定义颜色、透明度、纹理贴图、发光材质等
动画控制支持自定义动画曲线、路径动画、旋转摆动等行为配置
导出/导入支持项目整体导出 JSON 文件,用于备份或部署导入

🌐 网络与数据交互能力

  • 数据驱动组态:模型参数绑定实时数据(如频率、流量、温度等),实现动态更新。
  • 高频刷新机制:支持秒级甚至毫秒级数据采样配置。
  • 模拟数据调试:无后端服务也可模拟数据联动动画。

💡 应用场景举例

  • 楼宇暖通系统 3D 可视化(如图中热泵房与水泵设备布局)
  • 智能工厂生产线监控
  • 市政管网压力流速监控
  • 消防设施运行状态预警
  • 工业设备维保与诊断平台

🧾 其他亮点

  • 支持 Token 鉴权与租户隔离
  • 支持云端资源统一管理
  • 支持全图纸 JSON 保存
  • 配合 智捷云物联网平台 可实现可视化数字孪生场景

文档最后更新时间:2025 年 6 月
如需技术集成、二次开发接口文档,请联系平台管理员获取 API 说明。