Web 3D工厂--智慧数字可视化工厂HTML5+WebGL(ThreeJS)烧脑巨作

   随着IT信息技术和移动端的发展，Html5+3D(Webgl)技术已经悄然崛起，而3D工厂厂房在数字化的今天，已经被越来越多的公司和企业应用，三维数字工厂模型的应用，加快了工厂厂房，设备，传感器、管道罐体输送、监测控制等各个环节的效率。

  对工厂园区的园区、大楼、生产车间、生产设备、监控设备等进行3D建模，实现物理工厂园区到3D虚拟工厂园区的数字化、可视化的转化。使工厂生产更为流畅，减少不必要的错误和开支，节约成本。避免失误导致意外产生，并能提高操作者的熟练度，使工作效率大幅度提高。

案例背景

    工厂信息化、自动化建设的不断推进，各类信息系统、自动化系统的部署与应用，使得作为产品生产的车间管理变得越来越重要，工作量越来越大，协同工作性要求越来越高，对安全性、可用性和运维管理等要求越来越高。同时，工厂生产车间采购各个生产监控设备都是由不同的厂家提供，而是随着工厂信息化、自动化、智能化建设不断演变的结果，由于缺乏统一规划等各方面的制约条件；且传统的监控系统无法很好的表达资产与资产、设备与设备之间的物理空间逻辑关系，而抽象的数据统计枯燥乏味且又让人难以理解，造成理解门槛高、学习成本高，处理事故效率低下等问题。

 案例功能

• 管道流向监测

可对工厂、园区的管道（输气管道、输水管道、输油管道等）流向进行实时监控，根据流向、流速对管道进行三维模拟，从而达到可视化监测监控及模拟演练效果。

• 设备控制

对工厂设备、模拟量输入输出模块工业级数字量开关量,模拟量等扩展IO进行三维模拟和实时监控，根据控制设备开关或模拟量控制真实设备、生产线，三维中实时显示仪表仪器显示屏界面状态或数据的效果。

• 罐体监测

对工厂、园区的罐体（油罐、气体罐等）进行实时监控和动态模拟，仿真罐体的液位、流向，达到可视化监测监控及模拟演练效果。

• 设备实时数据

设备、传感器、开关控制的实时数据和运行状态查看，在三维场景中实时体现状态和值，根据设备不同阈值模拟设备报警。

• 仓库资产查看

通过三维模拟仓库的空间利用率，包括可使用空间，查看仓库的基本信息原材料、辅料、半成品、备品备件等数量。

• 设备仪表

设备仪表、开关控制的实时数据和运行状态查看，根据设备实时数据在三维场景中仪表盘的真实状况。

• 统计图表

原材料、产量、设备资产三维可视化统计，查看工厂或仓库设备设施、统计信息图形图表查看。

• 视频监控

可以对监控画面、厂区宣传视频、产品工艺介绍视频等在三维中播放，同时可以根据三维摄像头设备弹出安防监控画面。

• 热力云图

在园区、生产线、厂区或库房仿真热力图，根据传感器数据实时生成云图，直观反应空间位置受热情况。

 

• 设备报警

根据设备真实报警信息推送，联动三维场景中设备报警状态，可定位三维设备，模拟设备变红闪烁，设备指示标等。

• 烟雾监测

现在的工厂、园区中都有烟雾监控传感器，当有烟雾发生时会发生报警。下图模拟了当发生烟雾的情况，我们在着火点用一团烟雾来渲染，增加场景的逼真度。同时通过动画，来模拟烟雾的冒出情况。

• 路径巡检

在工厂、园区中制度巡检路径，结合巡更点、设备和传感器实时数据、视频监控三维仿真巡更。在三维场景中模拟巡更路径第一人称漫游，同时设备数据报警和视频监控达到三维中巡检效果，高效代替人工巡检。 

整体效果图

 

更多案例

Web 3D智能数字机房，HTML5+WebGL(ThreeJS)匠心打造

Web 3D智能数字机房，HTML5+WebGL(ThreeJS)匠心打造

 

更多细节和功能改进后续赘述，感兴趣的可以留言或发邮件[email protected]，欢迎一起探讨！如果大家想看到什么更多的效果也可以给我留言。时间有限，很多细节没办法写的很详细，请大家包涵。