三维管廊大规模实时渲染方案

随着 WebBIM 和三维GIS技术的大力发展，建筑模型的复杂度与构件数量呈几何倍数增加，其中管廊复杂网格是影响模型轻量化和在线渲染速率的一个关键性问题。为有效减小管廊复杂网格模型的数据量及复杂度，本文针对通常圆柱体形管廊，复杂网格的弯管管廊模型及中空管廊网格模型，提出了一套轻量级参数化算法。该算法对场景中的管廊模型进行参数化重绘并辅助以多细节层次等视觉优化手段，以减轻 WebBIM 场景中的管廊模型渲染负担，其在拥有大量管廊模型的场景中应用成功，具备较强的工程实践意义。 

 

近年来，网络技术的发展日新月异，人类正向高度信息化的社会迈进。BIM在国内建筑业造成一股热潮，尽管拥有了政府和社会的大力支持，Web 端的 BIM 大规模场景应用开发仍然面临许多巨大的挑战：

 

1、网页存储瓶颈问题：随着 BIM场景规模的增长，建筑内部空间结构复杂度不断提高，管廊结构的模型体量不断增长，BIM 数据将来可能达到城市级别（100  TB 以上），一般来讲，PC 端的浏览器可以使用的内存仅为 1.5 至 2 GB，稍大的 BIM模型就可能会致使浏览器的崩溃。

 

2、计算渲染瓶颈问题：传统加载方式中，IFC构件被逐一添加在场景中，管廊模型拥有的三角化面片数量多，致使整个初始加载速度慢，且场景中FPS 较低，浏览建筑模型容易出现明显卡顿状况。

在以上问题的基础上，尤为是管廊管线这类构件每每在城市建筑模型中占有了必定的比重，例如水管，通风管道等，且建筑物内部管廊模型排列每每具备必定的复杂性，优化这部分管廊模型的参数，可以有效减小场景中的三角面片数量，帮助提高模型加载速率，对改善上述的两个瓶颈问题起到了积极的做用。 

 

 所以针对上述问题，本文提出了一套三维管廊复杂网格参数化算法，首先经过语义分析和几何分析，提取大规模 IFC 场景中的管廊网格模型构件类。而后针对通常圆柱体形管廊网格模型，弯管管廊模型以及中空管廊模型三种不一样的特征，对其在服务端
分类进行参数化处理，并将参数结果返回给网页端进行渲染。为了下降网页端的渲染负载，实例化管廊模型的同时辅助以基于 LOD 多细节层次技术的渐进式自适应渲染方法，有效下降场景中管廊模型部分的总数据量及其三角面片数量，加快场景初始加载时间以及提高场景整体加载的帧速率，为轻量化BIM 大规模管廊模型场景的在线可视化提供了支持。 

1   相关研究

1.1  管廊的参数化原理 

 

原始的 BIM 建筑模型通过 IFC 参数化解析以后，分红了多种不一样的类，每一类中都有成百上千个小的网格模型信息。这些顶点信息与三角网格在网页端通过渲染，组成了浏览器端的建筑模型。这种经过模型解析生成的管廊网格模型一般是呈现不规则，且较为繁杂的状况。若是能将这些不规则的三角网格信息抽取出来，通过参数化处理转换为你们熟知的管廊管线特征信息，那么就能够经过管廊网格的顶点信息，半径信息，主方向特征参数化重绘出一个圆柱体形三维管廊网格模型，而且呈现规范的三角网格渲染方式。

 

 

一般的直线管廊网格模型的构造图如图 1 所示，具体渲染方法为：将直线三维管廊网格模型抽象为正圆柱体，管线中心抽象为正圆柱体的中轴线，管线中心线起止点为正圆柱体上下底面圆圆心，圆柱体半径为管径。

 

提取到了以上的管廊模型参数信息后，在浏览器 端 渲 染 时 可 以 利 用 Three.js 提 供 的THREE.Cylinder  Geometry 对象对管廊进行批量建模。利用 THREE.Cylinder Geometry  对象进行圆柱体建模时可接收多个参数,  而在实际建模过程当中主要用到三个参数,  分别是:顶面半径、底面半径以及圆柱体的高度,  分别对应三位管线的半径以及管线长度。生成管线模型的几何对象以后，还需利用 THREE.Material 为其贴上合适的纹理，经过THREE.Mesh(geometry,material)生成完整的管线段
模型。 

 

1.2  管廊多细节层次技术(LOD) 

 

LOD 技术即 Levels of Detail的简称，意为多细节层次。LOD 技术指根据物体模型的节点在显示环境中所处的位置和重要度，决定物体渲染的资源分配，下降非重要物体的面数和细节度，从而得到高效率的渲染运算。一个典型的蓄冰机房 BIM
模型内部的管线模型示意图如图 2  所示，2(a)为蓄冰机房 BIM 模型结构，2(b)为局部细节放大示意图，针对图 2(b)中的三维管廊模型，调整其精细化程度对用户视角的影响较小，但对提高场景加载流畅度具备较大意义。 

 

LOD 的主要想法是下降复杂性，当视点远离3D 模型对象时，根据人的视觉系统，远处对象会变小或者变得模糊不清，这时咱们可使用该对象的简化版本。对象简化版本的实现多种多样，一般是经过较少三角形的数据或者替代几何模型的几何特征和纹理来实现。无论简化版本的实现方法如何，其策略的最终结果是将一个相比原模型压力较小的对象交给 GPU 去处理,下降渲染复杂度，提升场景加载的速率针对管廊网格模型，多细节层次技术主要调整的是参数化后的管廊网格切割块数，当摄像机视角靠近的时候，切割块数增多，三维管廊模型越精细，而当摄像机视角原理时，能够减小模型的切割块数，管廊模型呈现较粗糙。 

 

1.3  大规模 BIM模型在线实时渲染 

“互联网+”时代的到来为 BIM 信息的传递和共享提供了更为广阔的舞台，“互联网+BIM”的融合、发展也是势不可挡。网页浏览器是移动互联网上最为普遍通用的信息共享平台，直接在网页浏览器上将 BIM 场景可视化地再现出来就变得更有
吸引力。用户们只须要点击浏览网页就能够访问大规模 BIM 场景与之交互。尤为是正在流行的HTML5/WebGL 提供了一种无插件安装的 Web3D开发平台，这大大便捷了互联网 BIM 的可视化共享浏览，因此 WebBIM 在线可视化将成为“互联
网+BIM 可视化”的主流发展趋势。

 

可是因为大规模的 BIM 场景存在实时响应速度慢、渲染能力弱、数据传输缓慢等问题，WebBIM 在线可视化将会受到因网页浏览器缓存受限而致使的存取不顺畅、尤为是管廊模型较多的大规模 BIM 建筑，数据量较大可能致使浏览器的瘫痪。因互联网带宽受限而致使的传输缓滞、因网页浏览器渲染能力受限而致使的漫游延迟的影响，这些影响将会严重阻碍 WebBIM 大规模场景的在线实时可视化共享。所以，本文所研究的管廊复杂网格模型的参数化方法及其在线可视化技术可以针对网页的在线渲染问题作出改善，具备重要的实践意义。 

 

综上所述，本文的创新点主要体如今针对大规模 WebBIM 模型的加载和渲染瓶颈提出了一种基于管廊网格模型的参数化算法，可以根据管廊网格模型不一样的分类进行参数化处理，在浏览器端采用一种基于 LOD 的渐进式加载方式，缓解了浏览器
端的数据压力，提高了模型的渲染效率，为拥有大规模三维管廊网格的 WebBIM 建筑模型的模型解析与在线渲染提供了新的优化方向。

 

2   技术路线

本文所采用的技术路线如图 3 所示。在服务器端，须要完成工做包括从语义分析以及几何分析角度进行管廊模型构件的提取，以及基于圆柱体形管廊网格构件的参数化算法研究，进一步拓展弯管三维管廊模型的参数化算法以及基于布尔运算的中空复
杂管廊模型的参数化算法。 

 

在 Web 端完成的工做，包括使用基于 LOD 的轻量化 WebBIM 渐进式加载技术，提高轻量化在线渲染的加载速率，以及提供在线可视化应用支持。

 

3   关键技术 

 

3.1  管廊模型构件的提取 

 

FC 是一套专门为建筑行业订制的开放数据标准格式[13]，为了解析 IFC 格式的 BIM 模型，本文使用的了轻量级 BIM 大数据在线可视化系统[14]，在上传 IFC 格式的建筑模型后，该模型逐层解析，从一个项目(IfcProject)实例出发，将建筑模型拆解为包含全部的墙(IfcWall)、门(IfcDoor)和梁(IfcBeam)等多个类型的建筑构件。根据模型分类的语义信息能够将内部构件进行一个初步的分类，在场景中咱们能够看到多种不一样的构建类呈现，如图4 所示，IFCCovering 类表示对三维管廊模型的外罩，存在较多圆柱体形管廊网格模型，所以本文从语义角度选择其中的 IFCCovering 类构件做为可能的目标管廊模型处理对象，对其进行进一步的几何分析。

 

整个三维管廊模型对象的抽取过程如图 4 中所示，从构件语义分析提取构件是从以上多种不一样的IFC 构件类型中，提取多是管廊管片管线等圆柱体型模型的构件的过程。而从语义分析角度，每每可能存在偏差，好比把非圆柱体形的拉伸体模型误认为是管廊模型。
在此基础上，从几何角度分析则是从三维管廊模型的形态上对构件进行分析，判断构件是否具备圆柱体形构件包围盒的特征，且根据模型上的顶点信息可以计算出上下底面与中心轴等参数，进而概括其类型，最终提取出了一类能够进行管廊网格参数化处理的目标模型。

3.2  三维管廊网格模型参数化

3.2.1  圆柱体形管廊网格模型参数化 

 

通过上一个步骤解析的 BIM 建筑模型产生的原始圆柱体形三维管廊模型构件为 dat 格式，包含三部分信息，第一部分是每个顶点的三维坐标，从序号 0 开始，第二部分是模型的三角化信息，每三个顶点组成一个三角形，在场景中进行实例化渲染，全部的三角形在场景中重绘出一个圆柱体形三维管廊模型，第三部分是与第二部分中每一个三角化网格信息对应的法向量方向。

 

由此可知，对于一个原始的复杂管廊网格模型，其每每有上百个，甚至上千顶点，同时三角网格数量较多。针对大型建筑模型，一旦管廊模型的数据量较大，对模型的初始渲染和加载效率必定会存在较大的影响，所以，本文针对圆柱体形管廊网格模型，提出了参数重绘的方式，使用 ThreeJS 的圆柱体进行实例化，可以有效简化模型数据量，且提高场景渲染速率。

 

本文所使用的通常圆柱体形管廊模型参数化是从原始管廊网格模型的顶点以及三角面片信息中有效提取出其上下底面圆的圆心以及半径，而且求出其中轴线的长度以及方向，并可以在场景中重绘出该构件的过程。拟合后的标准化圆柱体与源
数据对好比图 5(a)源数据-非标准化三角化侧面和5(b)拟合后-标准化三角化侧面所示。因为使用了圆柱体模型的参数化方式，重绘圆柱体须要的数据量所以大大下降。 

因为原始管廊网格模型存在三角化方式无规律，如图 5(c)源数据-非标准化三角化底面和 5(d)拟合后-标准化三角化底面所示，参数化的过程也是一个将管廊网格模型标准化的过程，为后续圆柱体形管廊构件的在线应用提供基础。上下底面的分
割块数决定着圆柱体模型在场景中的精细程度。 

 

3.2.2  弯管管廊网格模型参数化

除了通常的圆柱体形管廊模型外，建筑模型中还存在较大一部分的弯管管廊模型，如图 6 所示。这部分模型一般是排水管道和通风管道的接口处，在管廊网格模型中占有必定的比重，在参数化过程当中要与通常直线的圆柱体形管廊模型作出区分。本
文使用二次贝赛尔曲线拟合弯管管廊构件，实验对象为如图 6 所示的一段弯管圆形管线模型。

首先根据圆柱体模型参数求出两个端面的圆心，两个圆心做为贝塞尔曲线的控制点 P0 和 P2，设其控制点为 P1，该拟合模型的中轴线应知足如下二次贝塞尔曲线公式： 

B( t ) = (1-t) P+ 2 t(1 −t) P +t P, t [ 0 , 1]  

经过改变控制点的参数，若是弯管三维管廊模型上的点到该拟合中轴线的距离最短，则可认为是最佳拟合曲线，在进行参数化绘制的时候，因为管廊模型的对称性，弯管模型上的订单到中轴线的距离即为半径，以一个端面为圆心，该半径画圆，而后沿
着拟合的贝塞尔曲线进行拉伸，便可获得该弯管模型的参数化拉伸体拟合模型。且因为拉伸体的特性，该拟合模型的分割块数也可以进行动态地调整，有效下降模型的三角网格数量。 

 

3.2.3  中空复杂管廊网格模型参数化 

 

在标准的圆柱体型管廊参数化方法研究的基础上，针对基于布尔运算的复杂管廊构件的参数化算法研究在工程建筑领域十分具备价值，如图 7（a）中空管廊模型所示，复杂管廊构件都是基于圆柱体型管廊构件的延伸与扩展，其端面和侧面的模型示
意图如图 7(b)和 7(c)所示，具备其独特性，须要根据模型特征具备针对性地进行探索。 

 

针对如图 8(a)所示的内部中空管廊拉伸体模型，采用上述的解决方案，首先进行整个模型的参数读取，而后经过模型的几何特征分离其模型外部与内部参数，其边缘提取的效果如图 8(b)所示，在获得了边缘提取的结果以后，将模型区分为 1 个大实心圆柱体管廊模型以及 7 个空心圆柱体三维管廊模型，对大的实心圆柱体形管廊模型进行布尔运算，参数化后的重绘的中空管廊模型如图 8(c)所示。 

原文：http://www.ztmapinfo.com/blog/index.php/article/15.html