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

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

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

---

案例背景

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

引擎创建

camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.z = 500;

scene = new THREE.Scene();
scene.background = new THREE.Color( 0xffffff );
scene.fog = new THREE.Fog( 0xffffff, 1, 10000 );

renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

模型加载

var loader = new FBXLoader();
loader.load( 'models/fbx/factory.fbx', function ( object ) {

   mixer = new THREE.AnimationMixer( object );

   var action = mixer.clipAction( object.animations[ 0 ] );
   action.play();

   object.traverse( function ( child ) {

      if ( child.isMesh ) {

         child.castShadow = true;
         child.receiveShadow = true;

      }

   } );

   scene.add( object );

} );

 案例功能

---

• 人员定位 导航

工厂、园区内人员、车辆定位导航，人员定位、路径运动导航模拟。

• 管道流向监测

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

• 设备控制

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

• 罐体监测

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

• 设备实时数据

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

• 仓库资产查看

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

• 设备仪表

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

• 统计图表

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

• 视频监控

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

• 热力云图

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

• 设备报警

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

• 烟雾监测

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

• 路径巡检

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

---

整体效果图

感兴趣的可以留言或发邮件1985692469@qq.com，欢迎一起交流！