简介
概述
万维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 说明。