最近在回顾几年前的项目时，发现这个智慧三维消防可视化项目很有回顾价值，索性就拿出来讲讲。

  首先，我们要知道消防里的知识，不是简简单单的几个灭火器，烟感报警器这么简单的，消防是自有一套完整体系的，光是消防相关的产业年产值就有几千个亿。而我们普通非专业人士常见的消防设施只是消防产业中的皮毛。

  单是消防联动控制系统就可大致分为很多类，常见的有消防给水系统、消火栓系统、自动喷水灭火系统、气体灭火系统、防烟排烟系统、火灾自动报警系统等等。这些系统内部的组成结构又各有不同。每个系统里就有几十个甚至上百个不同的消防设施。比如我们常见的消防喷头就有好几种，各自用于不同的建筑场景。

  前面的课程里，有一篇文章《使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课》是介绍实现消防模拟的。本文以及后续的篇幅将系统的介绍消防可视化方案。

  这篇文章由于篇幅原因，我专门这一篇先介绍一下常见的消防联动控制系统，以及代码框架，在后续的篇幅里我们再各个击破，详细的介绍每个消防联动控制系统的3D实现方案。

  消防给水系统:以水为灭火剂消防扑救火灾的供水系统。由水源、消防给水管网、消防水池、消防专用水泵及消火栓、自动喷水灭火设施等组成。

  消火栓系统:消火栓系统一般都由主泵和备用泵组成。一般按钮启动后，先启动1#泵，1#泵启动失灵，自动转启2#泵，只有当两台泵都不能启动时，控制盘上才显示故障。消防专用水泵的故障，一般是指水泵电机断电、过载及短路等

  自动喷水灭火系统:自动喷水灭火系统由洒水喷头、报警阀组、水流报警装置等组件，以及管道、供水设施组成，并能在发生火灾时喷水的自动灭火系统。

  气体灭火系统:气体灭火系统主要用在不适于设置水灭火系统等其他灭火系统的环境中

  防烟排烟系统:防排烟系统，都是由送排风管道、管井、防火阀、门开关设备、送、排风机等设备组成

  火灾自动报警系统:火灾自动报警系统是由触发装置、火灾报警装置、联动输出装置以及具有其它辅助功能装置组成的

  上述系统，在我们实现3D软件模拟过程中，程序员需要详细知道各系统的工作原理，作用，才不会出现重大的业务性bug。（这就是程序员为啥会掉头发，基本在做一个系统体系时，就需要学习了解一遍）

  系统涉及各部件展示，逻辑结构展示，通过剖面视角、管网视角，全方位，多视角展示改系统的结构组成。

  在气体系统中，实现方式又有点不一样，前面几个系统都是代码模型，该系统使用了大量的载入模型，如座椅板凳等

  动画中采用了大量的定时器，闭包，回调，递归等等，这里格外的注意内存有效回收，否者浏览器可能会随时崩溃

  模型创建讲究的是充分理解业务需求，以及把控性能跟网络的资源情况，采用代码模型与载入模型灵活配合。

  代码模型，更好的节约了带宽与内存资源，提升了使用者真实的体验。载入模型，降低了开发门槛，提升了效率，但其没有代码模型灵活可控

  搭建场景时需要仔细考虑业务的逻辑关系，何时要用，何时需要释放，哪些模型属于一个场景，哪些模型属于逻辑打开的场景

  对于大场景切换，一般会用两种方式，一种时改变路由的方式，一种是释放当前资源，加载新资源

  动画模拟，这里采用了配置加载的方式，不用每一个动画去写逻辑代码，因为涉及到动画比较多，但动画都是基于时间线的，所以我们把需要执行的步骤放到配置里面，再通过统一的方法去调用

  webgl(three.js)3D光伏,3D太阳能能源,3D智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课

  如何用webgl(three.js)搭建一个3D库房,3D仓库3D码头,3D集装箱,车辆定位,叉车定位可视化孪生系统——第十五课

  webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方案——第十四课（定位升级版）

  使用three.js(webgl)搭建智慧楼宇、设备检验测试、数字孪生——第十三课

  如何用webgl(three.js)搭建处理3D隧道、3D桥梁、3D物联网设备、3D高速公路、三维隧道桥梁设备监控-第十一课

  如何用three.js实现数字孪生、3D工厂、3D工业园区、智慧制造、智慧工业、智慧工厂-第十课

  如何用webgl(three.js)搭建不规则建筑模型，客流量热力图模拟

  使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课（炫酷版一）

  如何用webgl(three.js)搭建处理3D园区、3D楼层、3D机房管线问题（机房升级版）-第九课（一）