【亲测免费】 推荐开源项目：xeokit-bim-viewer —— 高效的浏览器端BIM模型查看器

项目介绍

xeokit-bim-viewer 是一个开源的2D/3D BIM模型查看器，完全在浏览器中运行，并能从本地文件系统加载模型。该项目基于强大的 xeokit 引擎构建，并作为 xeokit SDK 的一部分进行发布。

由 xeolabs 和 OpenProject 联合开发，已集成在 OpenProject BIM 10.4 及更高版本中。

作为一个独立的JavaScript应用，结合开源的CLI模型转换工具，xeokit-bim-viewer提供了一种低成本、高性能的方案，将您的IFC模型轻松展示在Web端，并允许您自由转换和托管模型到自己的服务器或GitHub仓库。

项目技术分析

核心技术

• xeokit引擎：提供高效的模型加载和渲染能力。
• JavaScript编程API：支持所有查看器功能的编程接口，便于二次开发。
• 多模型支持：能够同时加载多个模型，适用于复杂项目的展示。

技术亮点

• 全浏览器兼容：支持所有主流浏览器，包括移动端。
• 文件系统加载：直接从文件系统加载模型，操作简便。
• BCF视图点保存与加载：方便用户记录和分享特定视角。
• 2D/3D模式切换：满足不同查看需求。
• 交互式操作：支持X光透视、高亮显示、隐藏和剖切对象等。

项目及技术应用场景

应用场景

• 建筑设计与施工：设计师和施工人员可以在线查看和审核BIM模型。
• 项目管理：项目管理人员可通过Web端实时查看项目进展。
• 教育培训：用于BIM相关课程的在线教学和演示。
• 房地产展示：房地产商可通过Web端向客户展示楼盘模型。

典型案例

• OpenProject BIM集成：作为OpenProject BIM的核心组件，提升项目管理效率。
• GitHub Pages展示：用户可通过GitHub Pages快速部署和分享模型。

项目特点

• 高效性能：基于xeokit引擎，确保模型加载和渲染的高效性。
• 多功能性：支持2D/3D查看、BCF视图点管理、交互式操作等。
• 高度可定制：用户可通过CSS自定义查看器外观，支持本地化。
• 开源免费：项目开源，降低使用成本，适合各类用户。

快速上手

方法一：GitHub Pages部署

1. Fork xeokit-bim-viewer 仓库。
2. 使用开源CLI工具转换IFC STEP文件。
3. 将转换后的模型添加到Fork仓库的data目录。
4. 通过GitHub Pages服务部署。

方法二：本地部署

1. 安装NodeJS（下载地址）。
2. 克隆或Fork仓库并安装依赖：

git clone https://github.com/xeokit/xeokit-bim-viewer
cd xeokit-bim-viewer
npm install

3. 将转换后的模型添加到data目录。
4. 本地启动查看器：

npm run serve

5. 浏览器访问 http://localhost:8080/app/index.html?projectId=<your projectID here>。

更多资源

• 发布说明/更新日志
• 源代码
• API文档
• xeokit SDK

立即体验 xeokit-bim-viewer，开启高效的BIM模型Web查看之旅！