请选择 进入手机版 | 继续访问电脑版
2021ThingJS数字孪生智慧场景可视化开发大赛获奖者专访
查看: 385|回复: 0

[分享] 地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

[复制链接]
avatar

52

主题

57

帖子

79

积分

注册会员

Rank: 2

积分
79
ico_lz  楼主| 发表于 2020-12-11 17:18:30 | 显示全部楼层 |阅读模式

#三维可视化##3D开辟#

  1. 1. WebGL 3D技术框架-ThingJS
  2. 2. 三维管线根本数据收集
  3. 3. 三维管线模子分类建立
  4. 4. 三维管线可视化系统开辟

地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

基于ThingJS的通用架构设想随着社会经济的不竭成长,城市中的各类地下管线数目不竭增加,逐步组成了结构复杂的地下管网。
传统二维平面管线治理系统,对于地下管线应急事务的处置历来是一个痛点。进步应急处置现场的可视性,更直观地反应地下管网的空间散布情况,三维可视化技术可以很好处理这一题目。近年来,地下管线治理系统慢慢由传统C/S架构向B/S架构过渡,现阶段的监控治理对于复杂场景的轻量化展现是一个首要趋向。

WebGL 3D框架-ThingJS

WebGL是基于OpenGL(开放图形库)协议在Web阅读器中停止3D衬着的API,是一个基于纯B/S架构开辟的技术。ThingJS是基于WebGL的3D框架,【官方注册地址】用于建造基于场景的轻量化三维可视化工具;将地下管线场景在Web情况中停止重构衬着、着色化,经过ThingJS技术引擎开辟三维动画和交互功用,实现了地下管线的周游及模子的交互控制。
本文梳理了ThingJS的地下管线可视化利用构建方式,简单说明这一实现进程。
三维管线可视化工作首要分为根本数据收集、三维模子建立和三维管线系统扶植三大部分。

1. 三维管线根本数据收集

三维建模根本数据首要包括矢量数据、影象数据及管线数据等相关数据。
1) 矢量数据:首要利用地形图及部分修测的带状地形图,肯定各自的比例。
2) 影象数据:采用了彩色卫星影象图,挑选比来的更新版本,其分辨率为0.8m。
3) 管线数据:管线图及管线信息观察表。
本项目将城市地下管线分为给水、排水、燃气、热力、产业、电力和电信管线7大类。各大类还可以细分,如给水管线包括产业给水、生活给水和消防给水管线;排水管线包括污水和雨水管线。管线的根基多少数据可归纳为管线端点、连系点、变径点与从属设备特征点,尔后统称为管点数据。
管线外形多为树枝状、环状或辐射状,每一条管线可以按照穿插点和变径点分化成多少条管线段,穿插点处模拟现真相况,以三通、四通、阀门或变径接甲等从属设备相毗连。管线段由响应管点数据毗连,组成一条不中断的管线段。是以,每一条管线可以笼统为由管线段和从属设备组成。

地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

2. 三维管线模子分类建立

连系具体城市地形,我们将三维模子分为地形模子、门路模子和管线模子三大类。
1) 地形模子
地形模子主如果指暗示地表升沉形状的三维模子。经过3DSMAX可以构建不法则三角格网(TIN),并将等高线天生三维模子,最初与逐一对应的正射影象数据叠加天生分块的地形模子。留意将三维模仔细分红多少块,可以应对前期建造范围不竭扩大、数据不竭更新的题目。
2) 门路模子
门路模子是指建造地区内一切品级公路及主次干道的模子。由于终极要将门路模子与管线模子停止叠加故对门路模子的精度要求较高。先按属性码挑选出品级公路及主次干道,并对同一门路停止封锁面处置,然后将数据导入CityBuilder间接停止转为面的操纵,构成门路面的平面模子;再操纵高程点对平面模子停止高度控制,构成门路的三维模子。
3) 管线模子
3DSMAX中导入响应的管线DWG文件操纵管道建模号令间接天生带管径的各类管线模子,最初按各类管线色彩要求建立的贴图,别离赋予分歧范例的管线模子;而对于管点模子由于重覆度较高,且每一个自力的模子面数较多,我们采用了操纵数据库的建模方式,这样既削减了数据量,又在很洪流平上进步了工作效力。
本项目建立了地下管线数据库,设想了管点、管段、官网层等数据结构。

地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

3. 三维管线可视化开辟案例

基于B/S架构设想地下管线三维治理系统,操纵ThingJS搭建阅读器真个三维场景,在场景中加载三维管线模子,搭建衬着管线模子、地形模子、双向挑选、鼠标拾取等根本功用;同时实现了用户的交互操纵,包括模子加载、管线编辑、管线的查询与分析、管线定位等交互功用。技术线路图以下:

地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

现在复原一个小区水,电,自然气管线可视化,【官方注册地址】,在线检察demo:

3D演示 - 三维地下管线的可视化利用 ThingJSwww.thingjs.com
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

第一步,操纵
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则