近几年，随着WebGL标准被广泛接受，涌现出许多基于HTML5的开源三维显示引擎，如threejs、scenejs等。尤其threejs使用非常广泛，一方面由于其使用门槛较低，另一方面是其支持若干种三维文件格式，如3ds、obj、dae、fbx等。对于中小规模的三维模型，使用threejs可以快速搭建一个基于Web的模型浏览应用。但对于模型构件比较多的应用场景，如BIM应用，直接使用threejs必然会遇到性能瓶颈，因此，必须针对threejs进行深度定制，甚至从零开始。

对threejs深入研究后，我们决定在threejs的基础上进行扩展，主要从以下几个方面展开：

1）场景空间八叉树划分

空间八叉树是一种高效的三维空间数据组织方式，使用八叉树可以快速剔除不可见图元，减少进入渲染区域的绘制对象。这部分技术在桌面端的三维显示引擎已非常成熟。

2）增量绘制

绘制效率跟场景中绘制对象的数量紧密相关。对象越多，绘制效率越低。而绘制效率又会影响用户的交互体验。因此，在绘制图元达到一定数量的时候，需要使用增量绘制技术，减少等待时间，提高交互响应速度。

3）绘制对象内存池

浏览器分配给Javascript虚拟机的内存是有限的，当内存超出限制，整个页面就会崩溃。这是由于Javascript是一种运行时解释性语言，自身具有垃圾回收机制，当分配的Javascript对象过多，垃圾回收会占用大量时间，影响浏览器响应。使用对象池可以最大限度的减少对象分配，降低内存使用，从而减少垃圾回收产生的负担。

4）图元合并

图元个数越多，显示效率越低。这是由于每绘制一个图元就会进行一次draw call。而在浏览器端的draw call比在桌面端draw call的调用代价更大。合并图元可以减少draw call，从而提示显示效率。

2、模型文件转换

基于桌面的三维模型大多数采用单文件或几个文件来存储模型信息，比如几何信息、材质信息、纹理贴图及属性。这样的组织方式便于桌面程序管理，也便于用户之间以文件的方式传输数据。但单个大文件却不利于网络端传输，尤其是从服务器端下载一个三维模型，使其在浏览器中显示。一方面，大的文件传输需要更多的等待时间，另一方面，用户需等待模型下载完成后才能解析显示。 没有人愿意等待，因此，我们需要定义适合网络传输的大模型组织方式，把原始的模型文件转换为适合网络传输和轻量化显示的文件格式。

1）构建“模型流”

与在线视频播放一样，用户不需要下载和缓存完整的视频才能观看，只要点击播放后边下载边缓存边播放。以模型流的方式，用户可以实时看到已经下载的部分，对显示影响较大的部分先下载先显示，细节部分可以后显示。下载过程，用户不需要等待，可以进行其他操作。

2）几何唯一性表达

在模型转换过程中，把具有相同形状的几何对象进行唯一性表达。大的模型一般会存在相同几何的多份拷贝，而实际上可以用相同的几何描述不同的构件。使用相似体的识别算法可以大大减少几何体的数量，减少模型的大小，也能减少显示时GPU的占用。

3）数据压缩

数据压缩可以大大减少网络传输时间，尤其对于json和几何数据，gz算法可以达到几倍的压缩率。

模型轻量化显示和模型文件转换是BIM模型轻量化的核心技术，具有一定的技术门槛。BIMFACE本着开放的精神，把核心技术提供给广大的BIM开发者，使得开发者即使没有掌握任何图形技术，也能轻松开发强大的BIM应用。

BIMFACE，与你一起开发BIM的价值！