[发明专利]基于WebGL三维消防建筑模型可视化方法

说明书

本发明实施例公开了一种基于WebGL三维消防建筑模型可视化方法，包括：步骤1：构建布局空间；步骤2：设计消防建筑模型，计算消防信息卡片坐标；步骤3：创建一个相机；步骤4：创建消防建筑模型；步骤5：创建消防建筑每层的消防状态信息卡片；步骤6：美化布局空间；步骤7：引入消防数据源；步骤8：创建一个渲染器；步骤9对相机在布局空间所观察到的内容进行实时渲染。本发明能有效着重视觉中心的消防建筑，并展示焦点消防建筑消防状态；对于存在报警的问题楼层能够突出显示，同时结合所述楼层的消防状态信息，能使消防管理者直观了解当前情况；本发明能部署于互联网上还能识别移动端用户，并针对移动设备进行优化，保证可视化的流畅性。

技术领域

本发明涉及消防安全技术领域，尤其涉及一种基于WebGL三维消防建筑模 型可视化方法。

背景技术

随着城镇化的发展，人们活动场所愈加集中，若发生火灾，将带来巨大的 生命及财产损失。

现有消防管理系统，通过消防设备采集消防数据，然后通过物联网通讯技 术将数据传送到系统中，实现对建筑中消防设备的监测。但现有的消防数据的 展示方法，是直接通过数字与文字的形式来展现，并不能直观地在体现在真实 世界的消防状态，无法帮助消防管理者在消防监控中心或在移动端直观监控消 防状态，迅速把握关键信息。

发明内容

本发明实施例所要解决的技术问题在于，提供一种基于WebGL三维消防建 筑模型可视化方法，以使能够三维展示消防状态。

为了解决上述技术问题，本发明实施例提出了一种基于WebGL三维消防建 筑模型可视化方法，包括：

步骤1：利用WebGL技术构建一个用于模型布置的布局空间；

步骤2：根据消防建筑组织结构和设计图设计消防建筑模型，并计算在布局 空间的消防建筑模型坐标，通过消防建筑模型坐标计算消防信息卡片坐标；

步骤3：创建一个相机并设置相机在布局空间的观测范围的参数；

步骤4：添加几何模型，并选择模型的材料及颜色，生成几何方块，采用若 干个几何方块创建消防建筑模型；

步骤5：根据消防信息卡片坐标创建消防建筑每层的消防状态信息卡片；

步骤6：根据真实场景选择性增加装饰，并在布局空间中添加光源和阴影， 美化布局空间；

步骤7：引入消防数据源，实时获取消防数据，根据消防数据调整消防建筑 模型样式和消防状态信息卡片内容；

步骤8：创建一个渲染器，设置渲染空间的尺寸，并设置将渲染结果展示到 页面上；

步骤9：通过所述渲染器对相机在布局空间所观察到的内容进行实时渲染。

进一步地，所述步骤9之后还包括自动巡展步骤：

使相机围绕建筑群自动循环展示，并采用以下算法计算出相机角度，并调 出建筑的消防状态信息卡片：

首先，使相机围绕建筑体做椭圆轨迹周期运动，通过以下公式计算相机在 每一时刻的位置：

x＝a×cos(time)；

y＝b×sin(time)；

z＝c；

其中，x、y、z为相机的3轴坐标值，a、b是相机轨迹的椭圆方程系数，c 为相机高度，time表示时间；

并设置相机焦点坐标：

x′＝a′×cos(time)；

y′＝b′×sin(time)；

z′＝0；