CN109801373A - 基于WebGL实现企业生产三维可视化的方法及装置 - Google Patents
基于WebGL实现企业生产三维可视化的方法及装置 Download PDFInfo
- Publication number
- CN109801373A CN109801373A CN201910275644.4A CN201910275644A CN109801373A CN 109801373 A CN109801373 A CN 109801373A CN 201910275644 A CN201910275644 A CN 201910275644A CN 109801373 A CN109801373 A CN 109801373A
- Authority
- CN
- China
- Prior art keywords
- model
- data
- enterprise
- equipment
- goods
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000004519 manufacturing process Methods 0.000 title claims abstract description 40
- 238000007794 visualization technique Methods 0.000 title claims abstract description 16
- 239000000463 material Substances 0.000 claims abstract description 51
- 238000012544 monitoring process Methods 0.000 claims abstract description 38
- 230000000694 effects Effects 0.000 claims abstract description 20
- 238000012800 visualization Methods 0.000 claims abstract description 16
- 239000007789 gas Substances 0.000 claims description 24
- 238000000034 method Methods 0.000 claims description 12
- 238000013507 mapping Methods 0.000 claims description 9
- 238000009877 rendering Methods 0.000 claims description 7
- 239000002520 smart material Substances 0.000 claims description 3
- 230000008901 benefit Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 235000013399 edible fruits Nutrition 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 241001269238 Data Species 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000007596 consolidation process Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 229920000136 polysorbate Polymers 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 239000007921 spray Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
- G06T17/10—Constructive solid geometry [CSG] using solid primitives, e.g. cylinders, cubes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/10—Geometric effects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
- G06T2219/20—Indexing scheme for editing of 3D models
- G06T2219/2012—Colour editing, changing, or manipulating; Use of colour codes
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Graphics (AREA)
- Geometry (AREA)
- Software Systems (AREA)
- Architecture (AREA)
- Computer Hardware Design (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了基于WebGL实现企业生产三维可视化的方法及装置，采集企业空间数据，根据企业空间数据进行三维建模，在web浏览器页面对三维模型进行渲染，为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；在监测到用户点击某一设备模型或者悬停在其上方后，向用户展示该设备的设备运行数据。本发明能够通过三维可视化的方式，将企业的生产活动展现在场景中，快速的检索和定位厂房、设备、物资相对厂区的位置；模拟生产真实的生产环境，用户可以快速发现和定位告警区域，通过动画、声光效果展现设备的数据异常或发生的报警，更直观地反应企业生产状况。
Description
技术领域
本发明涉及三维可视化的技术领域，尤其涉及基于WebGL实现企业生产三维可视化的方法及装置。
背景技术
随着信息技术在各领域的广泛应用，三维可视化技术在企业安全生产过程中占有越来越重要的地位。传统的企业安全生产监控管理系统，以各种传感器数据和视频数据采集设备为依托，实现对企业生产过程的实时监测数据采集、分析和图形界面展现，虽然为企业安全生产信息建设提供了检测监控手段，但描述企业生产的场景是搭建在二维图形上的，展现过于简单、抽象，不能够展现真实的生产场景。
WebGL是一种在网页上显示三维图形的技术，使用它可以在浏览器里更流畅地展示三维场景，并且可以采用真实场景、真实比例、真实色彩的三维效果。
发明内容
为了克服现有技术的不足，本发明的目的在于提供基于WebGL实现企业生产三维可视化的方法及装置，旨在解决现有技术描述企业生产的场景搭建在二维图形上，展现过于简单、抽象，不能够展现真实的生产场景的问题。
本发明的目的采用以下技术方案实现：
一种基于WebGL实现企业生产三维可视化的方法，包括：
采集步骤，采集企业空间数据；所述企业空间数据包括厂区数据、厂房数据、车间数据、设备数据、物资数据、人员位置数据；
建模步骤，根据企业空间数据进行三维建模，生成三维模型；所述三维模型包括建筑模型、设备模型、物资模型、人员模型；所述建筑模型包括厂区模型、厂房模型、车间模型；
渲染步骤，在web浏览器页面对三维模型进行渲染；
标识步骤，为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；
查看步骤，在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据；所述设备运行数据包括当前运行数据和/或历史运行数据。
在上述实施例的基础上，优选的，所述标签以圆柱几何体的形式展示，实现圆柱几何体的闪光动画效果：
所述圆柱几何体的高度为建筑模型的高度，并且，
intensity＝(abs(sin(vUv.x*10.0+time))+abs(cos(vUv.x*40.0+time*1.75))+abs(sin(vUv.x*15.11-time*2.3)))/3.0；
mask＝cos((vUv.y-0.5)*3.14)*cos((vUv.x-0.5)*3.14)；
gl_FragColor＝vec4(baseColor*intensity,mask*intensity)；
式中，intensity为光源强度，在UV映射上，随坐标不同和时间不变进行变化；abs为绝对值函数；sin为正弦函数；cos为余弦函数；time为动画刷新频率；
vUv.x为着色器顶点在UV映射中的橫坐标，vUv.y为着色器顶点在UV映射中的纵坐标，且vUv.x和vUv.y的取值范围为0-1；
mask为遮罩；
baseColor为输入的标签颜色值；gl_FragColor为输出的颜色值；
绘制整个圆柱几何体，并设置圆柱几何体的位置中心为建筑模型的中心点。
在上述任意实施例的基础上，优选的，还包括告警步骤：
为建筑模型和/或设备模型设置若干种气体浓度告警阈值；实时监测建筑模型和/或设备模型的气体浓度；如果某一种或多种气体浓度超过与之相应的气体浓度告警阈值，则以颜色闪烁的动画效果向用户进行告警提示。
在上述实施例的基础上，优选的，所述以颜色闪烁的动画效果向用户进行告警提示，具体为：
计算每个建筑模型和/或设备模型的中心点；
定义精灵对象Sprite是一个永远面向相机的平面，用来加载纹理；定义精灵材质SpriteMaterial；在材质中定义map属性为加载建筑图片或设备图片的对象；
定义时间步长timeStep＝0.03；
在材质中定时更新透明度opacity值来实现告警时的闪烁效果：更新后的opacity值为原opacity值+timeStep，且当opacity值大于1或小于0时，timeStep＝-1。
在上述任意实施例的基础上，优选的，还包括状态展示步骤：
为设备模型分别设置与在线状态、离线状态相应的颜色；
实时监测设备是否在线；
根据监测结果更新设备模型的颜色，使得：设备在线时设备模型的颜色为与在线状态相应的颜色；设备离线时设备模型的颜色为与离线状态相应的颜色。
在上述实施例的基础上，优选的，还包括漫游步骤：
在监测到用户点击某一标签后，以该标签所在的位置作为目标位置，将人员模型从当前位置移动到目标位置。
一种基于WebGL实现企业生产三维可视化的装置，包括：
采集模块，用于采集企业空间数据；所述企业空间数据包括厂区数据、厂房数据、车间数据、设备数据、物资数据、人员位置数据；
建模模块，用于根据企业空间数据进行三维建模，生成三维模型；所述三维模型包括建筑模型、设备模型、物资模型、人员模型；所述建筑模型包括厂区模型、厂房模型、车间模型；
渲染模块，用于在web浏览器页面对三维模型进行渲染；
标识模块，用于为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；
查看模块，用于在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据；所述设备运行数据包括当前运行数据和/或历史运行数据。
在上述实施例的基础上，优选的，还包括告警模块，用于：
为建筑模型和/或设备模型设置若干种气体浓度告警阈值；实时监测建筑模型和/或设备模型的气体浓度；如果某一种或多种气体浓度超过与之相应的气体浓度告警阈值，则以颜色闪烁的动画效果向用户进行告警提示。
在上述任意实施例的基础上，优选的，还包括状态展示模块，用于：
为设备模型分别设置与在线状态、离线状态相应的颜色；
实时监测设备是否在线；
根据监测结果更新设备模型的颜色，使得：设备在线时设备模型的颜色为与在线状态相应的颜色；设备离线时设备模型的颜色为与离线状态相应的颜色。
在上述任意实施例的基础上，优选的，还包括漫游模块，用于：
在监测到用户点击某一标签后，以该标签所在的位置作为目标位置，将人员模型从当前位置移动到目标位置。
相比现有技术，本发明的有益效果在于：
本发明公开了基于WebGL实现企业生产三维可视化的方法及装置，采集企业空间数据，根据企业空间数据进行三维建模，生成三维模型，在web浏览器页面对三维模型进行渲染，为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据。本发明能够通过三维可视化的方式，使厂区、厂房、设备、物资的分布更准确和直观，用户可以快速的检索和定位厂房、设备、物资相对厂区的位置；通过三维可视化的方式，可以模拟生产真实的生产环境，用户可以快速发现和定位告警区域，做出快速响应。由此，本发明将企业的生产活动展现在场景中，实现生产过程中的设备、重要物资的实时精确定位，通过动画、声光效果展现设备的数据异常或发生的报警，更直观地反应企业生产状况。
附图说明
下面结合附图和实施例对本发明进一步说明。
图1示出了本发明实施例提供的一种基于WebGL实现企业生产三维可视化的方法的流程示意图；
图2示出了本发明实施例提供的一种基于WebGL实现企业生产三维可视化的装置的结构示意图。
具体实施方式
下面，结合附图以及具体实施方式，对本发明做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
具体实施例一
如图1所示，本发明实施例提供了一种基于WebGL实现企业生产三维可视化的方法，包括以下步骤。
采集步骤S101，采集企业空间数据；所述企业空间数据包括厂区数据、厂房数据、车间数据、设备数据、物资数据、人员位置数据。其中，厂区、厂房、车间、设备、物资数据用于后续使用AutoCAD软件按等比例制图，人员位置数据可以采集其手机APP中自动上传的位置数据，所述位置数据可以包括经度、纬度。
建模步骤S102，根据企业空间数据进行三维建模，生成三维模型；所述三维模型包括建筑模型、设备模型、物资模型、人员模型；所述建筑模型包括厂区模型、厂房模型、车间模型。例如，可以采用AutoCAD软件进行建模，具体的，可以分为以下步骤：A、将AutoCAD制图后保存的文件导入建模软件中，建模软件可以是Maya2017，将图纸中的厂区、厂房、车间、设备、物资区域分别建立模块，长方形和正方形可直接使用立方体进行建模，其他则需要先绘制廓线确定基本形状，然后在生成立方体，并根据比例进行调整立方体的大小、高度；B、根据厂区、厂房、车间、设备、物资实际外貌，为模型添加材质，配置颜色和贴图；C、为模块设置规范的属性名称；D、将模型保存为.obj格式，并将所需贴图文件统一打包。
渲染步骤S103，在web浏览器页面对三维模型进行渲染。本步骤通过WebGL技术，读取模型文件获取数据，并保存在定义的数组和缓冲区中，具体的，可以包括：A、定义Float32Array类型的数组vertices，从文件中读取模型的顶点坐标数据并保存到其中；B、定义Float32Array类型的数组colors，从文件中读取模型的顶点颜色数据并保存到其中；C、定义Float32Array类型的数组normals，从文件中读取模型的顶点法线数据并保存到其中；D、定义Uint15Array(或Uint8Array)类型的数组indices，从文件中读取顶点索引数据并保存在其中，顶点索引数据定义了组成整个模型的三角形序列。最后，将前4步获取的数据写入缓冲区中，调用gl.drawElements()以绘制出整个模型。
标识步骤S104，为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新。
具体的，所述标签可以以圆柱几何体的形式展示，实现圆柱几何体的闪光动画效果：所述圆柱几何体的高度为建筑模型的高度，并且，
intensity＝(abs(sin(vUv.x*10.0+time))+abs(cos(vUv.x*40.0+time*1.75))+abs(sin(vUv.x*15.11-time*2.3)))/3.0；
mask＝cos((vUv.y-0.5)*3.14)*cos((vUv.x-0.5)*3.14)；
gl_FragColor＝vec4(baseColor*intensity,mask*intensity)；
式中，intensity为光源强度，在UV映射上，随坐标不同和时间不变进行变化；abs为绝对值函数；sin为正弦函数；cos为余弦函数；time为动画刷新频率；
vUv.x为着色器顶点在UV映射中的橫坐标，vUv.y为着色器顶点在UV映射中的纵坐标，且vUv.x和vUv.y的取值范围为0-1；
mask为遮罩；
baseColor为输入的标签颜色值；gl_FragColor为输出的颜色值；
绘制整个圆柱几何体，并设置圆柱几何体的位置中心为建筑模型的中心点。
这样做的好处是，能够以闪烁的圆柱几何体来更醒目地实现标签的展示，例如可以类似于飞机发动机喷出的火焰。
查看步骤S105，在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据；本发明实施例中，所述设备运行数据可以包括当前运行数据和/或历史运行数据。举例说明，例如当前设备为摄像头，点击某一摄像头，即可调取该摄像头的实时监控画面。
本发明实施例能够通过三维可视化的方式，使厂区、厂房、设备、物资的分布更准确和直观，用户可以快速的检索和定位厂房、设备、物资相对厂区的位置；通过三维可视化的方式，可以模拟生产真实的生产环境。本发明实施例将企业的生产活动展现在场景中，实现生产过程中的设备、重要物资的实时精确定位，更直观地反应企业生产状况。
优选的，本发明实施例还可以包括告警步骤：为建筑模型和/或设备模型设置若干种气体浓度告警阈值；实时监测建筑模型和/或设备模型的气体浓度；如果某一种或多种气体浓度超过与之相应的气体浓度告警阈值，则以颜色闪烁的动画效果向用户进行告警提示。这样做的好处是，使用户可以快速发现和定位告警区域，做出快速响应。
优选的，所述以颜色闪烁的动画效果向用户进行告警提示，可以具体为：计算每个建筑模型和/或设备模型的中心点；定义精灵对象Sprite是一个永远面向相机的平面，用来加载纹理；定义精灵材质SpriteMaterial；在材质中定义map属性为加载建筑图片或设备图片的对象；定义时间步长timeStep＝0.03；在材质中定时更新透明度opacity值来实现告警时的闪烁效果：更新后的opacity值为原opacity值+timeStep，且当opacity值大于1或小于0时，timeStep＝-1。这样做的好处是，通过动画、声光效果展现设备的数据异常或发生的报警。
优选的，本发明实施例还可以包括状态展示步骤：为设备模型分别设置与在线状态、离线状态相应的颜色；实时监测设备是否在线；根据监测结果更新设备模型的颜色，使得：设备在线时设备模型的颜色为与在线状态相应的颜色；设备离线时设备模型的颜色为与离线状态相应的颜色。例如，可以将在线状态设置为绿色，将离线状态设置为灰色，这样当用户查看到灰色的设备模型时，可以直观地了解到该设备处于离线状态。
优选的，本发明实施例还可以包括漫游步骤：在监测到用户点击某一标签后，以该标签所在的位置作为目标位置，将人员模型从当前位置移动到目标位置。具体的，用户使用鼠标点击标签后，计算相机的目标位置p＝p1.lerp(p2,0.3)，所述的p1是标签位置，所述的p2是相机当前的位置；调用TWEEN对象将相机缓慢移动到目标位置p，向用户展示人员模型的移动过程。本发明实施例中的相机视野即人员模型所查看到的视野。
优选的，所述查看步骤S105中，当用户使用鼠标悬停精灵上方时，计算精灵位置对应的标准设备坐标ndc＝p1.project(camera)，所述p1是精灵的三维场景坐标，camera是相机对象；计算ndc对应的屏幕坐标sx＝(ndc.x+1)*width/2,sy＝(ndc.x+1)*height/2，所述width是屏幕宽度，所述height是屏幕高度；在html中定义div对象，内容填充为设备运行数据，输出div对象样式的left和top属性分别为sx、sy。这样做的好处是，提供一种查看设备运行数据的展现方式，设备运行数据可以为监控画面等。
在上述的具体实施例一中，提供了基于WebGL实现企业生产三维可视化的方法，与之相对应的，本申请还提供基于WebGL实现企业生产三维可视化的装置。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
具体实施例二
如图2所示，本发明实施例提供了一种基于WebGL实现企业生产三维可视化的装置，包括：
采集模块201，用于采集企业空间数据；所述企业空间数据包括厂区数据、厂房数据、车间数据、设备数据、物资数据、人员位置数据；
建模模块202，用于根据企业空间数据进行三维建模，生成三维模型；所述三维模型包括建筑模型、设备模型、物资模型、人员模型；所述建筑模型包括厂区模型、厂房模型、车间模型；
渲染模块203，用于在web浏览器页面对三维模型进行渲染；
标识模块204，用于为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；
查看模块205，用于在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据；所述设备运行数据包括当前运行数据和/或历史运行数据。
优选的，本发明实施例还可以包括告警模块，用于：
为建筑模型和/或设备模型设置若干种气体浓度告警阈值；实时监测建筑模型和/或设备模型的气体浓度；如果某一种或多种气体浓度超过与之相应的气体浓度告警阈值，则以颜色闪烁的动画效果向用户进行告警提示。
优选的，本发明实施例还可以包括状态展示模块，用于：
为设备模型分别设置与在线状态、离线状态相应的颜色；
实时监测设备是否在线；
根据监测结果更新设备模型的颜色，使得：设备在线时设备模型的颜色为与在线状态相应的颜色；设备离线时设备模型的颜色为与离线状态相应的颜色。
优选的，本发明实施例还可以包括漫游模块，用于：
在监测到用户点击某一标签后，以该标签所在的位置作为目标位置，将人员模型从当前位置移动到目标位置。
本发明实施例能够通过三维可视化的方式，使厂区、厂房、设备、物资的分布更准确和直观，用户可以快速的检索和定位厂房、设备、物资相对厂区的位置；通过三维可视化的方式，可以模拟生产真实的生产环境，用户可以快速发现和定位告警区域，做出快速响应。由此，本发明实施例将企业的生产活动展现在场景中，实现生产过程中的设备、重要物资的实时精确定位，通过动画、声光效果展现设备的数据异常或发生的报警，更直观地反应企业生产状况。
本发明从使用目的上，效能上，进步及新颖性等观点进行阐述，其具有的实用进步性，己符合专利法所强调的功能增进及使用要件，本发明以上的说明及附图，仅为本发明的较佳实施例而己，并非以此局限本发明，因此，凡一切与本发明构造，装置，待征等近似、雷同的，即凡依本发明专利申请范围所作的等同替换或修饰等，皆应属本发明的专利申请保护的范围之内。
需要说明的是，在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。尽管本发明已进行了一定程度的描述，明显地，在不脱离本发明的精神和范围的条件下，可进行各个条件的适当变化。可以理解，本发明不限于所述实施方案，而归于权利要求的范围，其包括所述每个因素的等同替换。对本领域的技术人员来说，可根据以上描述的技术方案以及构思，做出其它各种相应的改变以及形变，而所有的这些改变以及形变都应该属于本发明权利要求的保护范围之内。
Claims (10)
1.一种基于WebGL实现企业生产三维可视化的方法，其特征在于，包括：
采集步骤，采集企业空间数据；所述企业空间数据包括厂区数据、厂房数据、车间数据、设备数据、物资数据、人员位置数据；
建模步骤，根据企业空间数据进行三维建模，生成三维模型；所述三维模型包括建筑模型、设备模型、物资模型、人员模型；所述建筑模型包括厂区模型、厂房模型、车间模型；
渲染步骤，在web浏览器页面对三维模型进行渲染；
标识步骤，为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；
查看步骤，在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据；所述设备运行数据包括当前运行数据和/或历史运行数据。
2.根据权利要求1所述的基于WebGL实现企业生产三维可视化的方法，其特征在于，所述标签以圆柱几何体的形式展示，实现圆柱几何体的闪光动画效果：
所述圆柱几何体的高度为建筑模型的高度，并且，
intensity＝(abs(sin(vUv.x*10.0+time))+abs(cos(vUv.x*40.0+time*1.75))+abs(sin(vUv.x*15.11-time*2.3)))/3.0；
mask＝cos((vUv.y-0.5)*3.14)*cos((vUv.x-0.5)*3.14)；
gl_FragColor＝vec4(baseColor*intensity,mask*intensity)；
式中，intensity为光源强度，在UV映射上，随坐标不同和时间不变进行变化；abs为绝对值函数；sin为正弦函数；cos为余弦函数；time为动画刷新频率；
vUv.x为着色器顶点在UV映射中的橫坐标，vUv.y为着色器顶点在UV映射中的纵坐标，且vUv.x和vUv.y的取值范围为0-1；
mask为遮罩；
baseColor为输入的标签颜色值；gl_FragColor为输出的颜色值；
绘制整个圆柱几何体，并设置圆柱几何体的位置中心为建筑模型的中心点。
3.根据权利要求1或2所述的基于WebGL实现企业生产三维可视化的方法，其特征在于，还包括告警步骤：
为建筑模型和/或设备模型设置若干种气体浓度告警阈值；实时监测建筑模型和/或设备模型的气体浓度；如果某一种或多种气体浓度超过与之相应的气体浓度告警阈值，则以颜色闪烁的动画效果向用户进行告警提示。
4.根据权利要求3所述的基于WebGL实现企业生产三维可视化的方法，其特征在于，所述以颜色闪烁的动画效果向用户进行告警提示，具体为：
计算每个建筑模型和/或设备模型的中心点；
定义精灵对象Sprite是一个永远面向相机的平面，用来加载纹理；定义精灵材质SpriteMaterial；在材质中定义map属性为加载建筑图片或设备图片的对象；
定义时间步长timeStep＝0.03；
在材质中定时更新透明度opacity值来实现告警时的闪烁效果：更新后的opacity值为原opacity值+timeStep，且当opacity值大于1或小于0时，timeStep＝-1。
5.根据权利要求1或2所述的基于WebGL实现企业生产三维可视化的方法，其特征在于，还包括状态展示步骤：
为设备模型分别设置与在线状态、离线状态相应的颜色；
实时监测设备是否在线；
根据监测结果更新设备模型的颜色，使得：设备在线时设备模型的颜色为与在线状态相应的颜色；设备离线时设备模型的颜色为与离线状态相应的颜色。
6.根据权利要求1或2所述的基于WebGL实现企业生产三维可视化的方法，其特征在于，还包括漫游步骤：
在监测到用户点击某一标签后，以该标签所在的位置作为目标位置，将人员模型从当前位置移动到目标位置。
7.一种基于WebGL实现企业生产三维可视化的装置，其特征在于，包括：
采集模块，用于采集企业空间数据；所述企业空间数据包括厂区数据、厂房数据、车间数据、设备数据、物资数据、人员位置数据；
建模模块，用于根据企业空间数据进行三维建模，生成三维模型；所述三维模型包括建筑模型、设备模型、物资模型、人员模型；所述建筑模型包括厂区模型、厂房模型、车间模型；
渲染模块，用于在web浏览器页面对三维模型进行渲染；
标识模块，用于为三维模型中的建筑模型、设备模型、物资模型添加标签；为建筑模型、设备模型、物资模型分别设置与之相应的监控对象，并根据监控对象的实时监控结果对建筑模型、设备模型、物资模型的标签进行实时更新；
查看模块，用于在监测到用户点击某一设备模型或者悬停在某一设备模型上方后，向用户展示该设备的设备运行数据；所述设备运行数据包括当前运行数据和/或历史运行数据。
8.根据权利要求7所述的基于WebGL实现企业生产三维可视化的装置，其特征在于，还包括告警模块，用于：
为建筑模型和/或设备模型设置若干种气体浓度告警阈值；实时监测建筑模型和/或设备模型的气体浓度；如果某一种或多种气体浓度超过与之相应的气体浓度告警阈值，则以颜色闪烁的动画效果向用户进行告警提示。
9.根据权利要求7或8所述的基于WebGL实现企业生产三维可视化的装置，其特征在于，还包括状态展示模块，用于：
为设备模型分别设置与在线状态、离线状态相应的颜色；
实时监测设备是否在线；
根据监测结果更新设备模型的颜色，使得：设备在线时设备模型的颜色为与在线状态相应的颜色；设备离线时设备模型的颜色为与离线状态相应的颜色。
10.根据权利要求7或8所述的基于WebGL实现企业生产三维可视化的方法，其特征在于，还包括漫游模块，用于：
在监测到用户点击某一标签后，以该标签所在的位置作为目标位置，将人员模型从当前位置移动到目标位置。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2018112591227 | 2018-10-26 | ||
| CN201811259122.7A CN109598795A (zh) | 2018-10-26 | 2018-10-26 | 基于WebGL实现企业生产三维可视化的方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109801373A true CN109801373A (zh) | 2019-05-24 |
Family
ID=65957348
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811259122.7A Pending CN109598795A (zh) | 2018-10-26 | 2018-10-26 | 基于WebGL实现企业生产三维可视化的方法及装置 |
| CN201910275644.4A Pending CN109801373A (zh) | 2018-10-26 | 2019-04-08 | 基于WebGL实现企业生产三维可视化的方法及装置 |
Family Applications Before (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811259122.7A Pending CN109598795A (zh) | 2018-10-26 | 2018-10-26 | 基于WebGL实现企业生产三维可视化的方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (2) | CN109598795A (zh) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110376998A (zh) * | 2019-08-15 | 2019-10-25 | 深圳华龙讯达信息技术股份有限公司 | 生产现场监控方法、装置及电子设备 |
| CN111104622A (zh) * | 2019-11-29 | 2020-05-05 | 武汉虹信技术服务有限责任公司 | 一种基于webgl的三维gis智能监控方法及装置 |
| CN111123763A (zh) * | 2019-12-04 | 2020-05-08 | 广东暨通信息发展有限公司 | 一种基于bim的自动化车间监控系统 |
| CN111395520A (zh) * | 2020-04-03 | 2020-07-10 | 沈阳工业大学 | 一种基于CAD与WebGl的装配式结构预制柱和叠合梁深化设计方法 |
| CN111489443A (zh) * | 2020-04-20 | 2020-08-04 | 北京恒华伟业科技股份有限公司 | 工地施工场景三维可视化方法及装置 |
| CN111932685A (zh) * | 2020-08-19 | 2020-11-13 | 苏州极鼎网络科技有限公司 | 一种车间三维可视化展示平台 |
| CN111950056A (zh) * | 2020-07-31 | 2020-11-17 | 万翼科技有限公司 | 建筑信息化模型bim展示方法及相关设备 |
| CN112184874A (zh) * | 2020-10-20 | 2021-01-05 | 国网湖南省电力有限公司 | 一种轻量化三维模型高性能图形标记、进度模拟及导航方法 |
| CN112215947A (zh) * | 2020-10-12 | 2021-01-12 | 珠海朋奇科技有限责任公司 | 一种多维感知方法、系统、设备以及存储介质 |
| CN112215954A (zh) * | 2020-10-12 | 2021-01-12 | 珠海朋奇科技有限责任公司 | 一种用于多维感知平台的数据分析的方法及系统 |
| CN113343345A (zh) * | 2021-08-05 | 2021-09-03 | 北京知优科技有限公司 | 一种三维建筑模型信息生成方法、系统及计算机储存介质 |
| CN113673107A (zh) * | 2021-08-23 | 2021-11-19 | 山东中图软件技术有限公司 | 一种基于工业仿真的可视化化工监测方法、设备及介质 |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109377541B (zh) * | 2018-08-22 | 2021-08-17 | 山东捷瑞数字科技股份有限公司 | 一种基于着色器实时表现气象变化的虚拟仿真系统和方法 |
| CN110427724A (zh) * | 2019-08-12 | 2019-11-08 | 深圳市艾伯信息科技有限公司 | 基于WebGL三维消防建筑模型可视化方法 |
| CN111951385A (zh) * | 2020-08-12 | 2020-11-17 | 中国银行股份有限公司 | 企业展示方法及装置 |
| CN112307382B (zh) * | 2020-10-16 | 2022-05-17 | 易思维（杭州）科技有限公司 | 基于WebGL的标签随动可视化报告生成系统及方法 |
| CN112565818B (zh) * | 2020-11-30 | 2022-01-11 | 中国矿业大学(北京) | 二三维一体化的操作站平台构建方法和电子设备 |
| CN113115021B (zh) * | 2021-04-09 | 2023-12-19 | 天海欧康科技信息(厦门)有限公司 | 一种物流三维可视化场景中的相机位动态聚焦方法 |
| CN113110178A (zh) * | 2021-04-16 | 2021-07-13 | 深圳市艾赛克科技有限公司 | 基于互联网的工地监控方法及系统 |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1943083A (zh) * | 2004-03-02 | 2007-04-04 | 密歇根州州立大学托管委员会 | 使用超短激光脉冲的激光器系统 |
| CN101286240A (zh) * | 2008-04-22 | 2008-10-15 | 北京航空航天大学 | 一种可快速配置和实时渲染的安防三维电子地图 |
| CN103984333A (zh) * | 2014-06-04 | 2014-08-13 | 北京京能高安屯燃气热电有限责任公司 | 一种电厂监控管理系统 |
| CN104239998A (zh) * | 2013-06-20 | 2014-12-24 | 国家电网公司 | 智能电网资源实时运行状态三维可视化展示系统实现方法 |
| CN104281991A (zh) * | 2013-09-06 | 2015-01-14 | 北京宇图天下软件有限公司 | 智慧社区三维监控平台及智慧社区三维监控方法 |
| CN106327045A (zh) * | 2015-06-30 | 2017-01-11 | 上海宝冶集团有限公司 | 一种冶金炼钢生产线建筑信息模型创建方法 |
| CN107452057A (zh) * | 2017-08-23 | 2017-12-08 | 国网浙江省电力公司检修分公司 | 三维实景智能一体化安全防控应用系统 |
| CN108021084A (zh) * | 2017-12-11 | 2018-05-11 | 中国兵器装备集团自动化研究所 | 一种虚实结合的生产线三维监控系统 |
| CN108038915A (zh) * | 2017-12-13 | 2018-05-15 | 中国能源建设集团江苏省电力设计院有限公司 | 一种基于web端三维模拟的变电站工程进度信息可视化系统 |
| CN108319234A (zh) * | 2017-12-31 | 2018-07-24 | 分众安环（北京）科技有限公司 | 安全管理系统、方法、设备、存储介质、信息处理云平台 |
-
2018
- 2018-10-26 CN CN201811259122.7A patent/CN109598795A/zh active Pending
-
2019
- 2019-04-08 CN CN201910275644.4A patent/CN109801373A/zh active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1943083A (zh) * | 2004-03-02 | 2007-04-04 | 密歇根州州立大学托管委员会 | 使用超短激光脉冲的激光器系统 |
| CN101286240A (zh) * | 2008-04-22 | 2008-10-15 | 北京航空航天大学 | 一种可快速配置和实时渲染的安防三维电子地图 |
| CN104239998A (zh) * | 2013-06-20 | 2014-12-24 | 国家电网公司 | 智能电网资源实时运行状态三维可视化展示系统实现方法 |
| CN104281991A (zh) * | 2013-09-06 | 2015-01-14 | 北京宇图天下软件有限公司 | 智慧社区三维监控平台及智慧社区三维监控方法 |
| CN103984333A (zh) * | 2014-06-04 | 2014-08-13 | 北京京能高安屯燃气热电有限责任公司 | 一种电厂监控管理系统 |
| CN106327045A (zh) * | 2015-06-30 | 2017-01-11 | 上海宝冶集团有限公司 | 一种冶金炼钢生产线建筑信息模型创建方法 |
| CN107452057A (zh) * | 2017-08-23 | 2017-12-08 | 国网浙江省电力公司检修分公司 | 三维实景智能一体化安全防控应用系统 |
| CN108021084A (zh) * | 2017-12-11 | 2018-05-11 | 中国兵器装备集团自动化研究所 | 一种虚实结合的生产线三维监控系统 |
| CN108038915A (zh) * | 2017-12-13 | 2018-05-15 | 中国能源建设集团江苏省电力设计院有限公司 | 一种基于web端三维模拟的变电站工程进度信息可视化系统 |
| CN108319234A (zh) * | 2017-12-31 | 2018-07-24 | 分众安环（北京）科技有限公司 | 安全管理系统、方法、设备、存储介质、信息处理云平台 |
Non-Patent Citations (1)
| Title |
|---|
| 李红辉等: "基于WebGL的3D可视化告警系统关键技术研究与应用", 《软件》 * |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110376998A (zh) * | 2019-08-15 | 2019-10-25 | 深圳华龙讯达信息技术股份有限公司 | 生产现场监控方法、装置及电子设备 |
| CN111104622A (zh) * | 2019-11-29 | 2020-05-05 | 武汉虹信技术服务有限责任公司 | 一种基于webgl的三维gis智能监控方法及装置 |
| CN111123763A (zh) * | 2019-12-04 | 2020-05-08 | 广东暨通信息发展有限公司 | 一种基于bim的自动化车间监控系统 |
| CN111395520A (zh) * | 2020-04-03 | 2020-07-10 | 沈阳工业大学 | 一种基于CAD与WebGl的装配式结构预制柱和叠合梁深化设计方法 |
| CN111395520B (zh) * | 2020-04-03 | 2022-01-28 | 沈阳工业大学 | 一种基于CAD与WebGl的装配式结构预制柱和叠合梁深化设计方法 |
| CN111489443A (zh) * | 2020-04-20 | 2020-08-04 | 北京恒华伟业科技股份有限公司 | 工地施工场景三维可视化方法及装置 |
| CN111950056A (zh) * | 2020-07-31 | 2020-11-17 | 万翼科技有限公司 | 建筑信息化模型bim展示方法及相关设备 |
| CN111950056B (zh) * | 2020-07-31 | 2024-01-23 | 深圳市万翼数字技术有限公司 | 建筑信息化模型bim展示方法及相关设备 |
| CN111932685A (zh) * | 2020-08-19 | 2020-11-13 | 苏州极鼎网络科技有限公司 | 一种车间三维可视化展示平台 |
| CN112215947A (zh) * | 2020-10-12 | 2021-01-12 | 珠海朋奇科技有限责任公司 | 一种多维感知方法、系统、设备以及存储介质 |
| CN112215954A (zh) * | 2020-10-12 | 2021-01-12 | 珠海朋奇科技有限责任公司 | 一种用于多维感知平台的数据分析的方法及系统 |
| CN112184874A (zh) * | 2020-10-20 | 2021-01-05 | 国网湖南省电力有限公司 | 一种轻量化三维模型高性能图形标记、进度模拟及导航方法 |
| CN113343345A (zh) * | 2021-08-05 | 2021-09-03 | 北京知优科技有限公司 | 一种三维建筑模型信息生成方法、系统及计算机储存介质 |
| CN113673107A (zh) * | 2021-08-23 | 2021-11-19 | 山东中图软件技术有限公司 | 一种基于工业仿真的可视化化工监测方法、设备及介质 |
| CN113673107B (zh) * | 2021-08-23 | 2024-05-31 | 山东中图软件技术有限公司 | 一种基于工业仿真的可视化化工监测方法、设备及介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109598795A (zh) | 2019-04-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109801373A (zh) | 基于WebGL实现企业生产三维可视化的方法及装置 | |
| CN111192354A (zh) | 一种基于虚拟现实的三维仿真方法及系统 | |
| US20100177120A1 (en) | System and method for stretching 3d/4d spatial hierarchy models for improved viewing | |
| CN110503718B (zh) | 三维工程模型轻量化显示方法 | |
| CN109559381B (zh) | 一种基于ar空间测量技术的变电站验收方法 | |
| US20110267342A1 (en) | Method and apparatus for evaluating sight distance | |
| CN114356271B (zh) | 一种地下空间多维灾情信息多屏联动可视化方法 | |
| CN112598993B (zh) | 基于cim的城市地图平台可视化方法、装置及相关产品 | |
| CN109525192A (zh) | 利用三维立体建模实现监控光伏电站的方法 | |
| CN206147762U (zh) | 一种基于标准图集管理的监测bim模型快速加载交互系统 | |
| CN108230433A (zh) | 3d地图散点数据展示方法及系统、信息数据处理终端 | |
| CN115272586A (zh) | 基于3d可视化的智慧仓储交互系统及其方法 | |
| CN111737844A (zh) | 一种基于Web3D的编辑三维建筑模型系统及工作流程 | |
| Yu et al. | [Retracted] Construction and Evaluation of Construction Safety Management System Based on BIM and Internet of Things | |
| CN109741431A (zh) | 一种二三维一体化电子地图框架 | |
| CN116051713B (zh) | 渲染方法、电子设备和计算机可读存储介质 | |
| CN110163952A (zh) | 室内图的展示方法、装置、终端和存储介质 | |
| CN113971721A (zh) | 一种变电站设备数字孪生体的轻量化表征方法 | |
| CN107704483B (zh) | 一种三维模型的加载方法 | |
| CN111914422B (zh) | 一种虚拟现实中红外特征实时可视化模拟方法 | |
| CN109164909B (zh) | 基于虚拟现实技术的数据处理装置、系统和方法 | |
| Röhlig et al. | Visibility widgets for unveiling occluded data in 3d terrain visualization | |
| Hu et al. | Research on 3d interactive model selection and customization of ceramic products based on big data cloud service platform | |
| CN111489443A (zh) | 工地施工场景三维可视化方法及装置 | |
| CN106384374A (zh) | 一种实现动画效果的方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190524 |