【小沐杂货铺】基于Three.JS构建IFC模型浏览器（WebGL、CAD、Revit、IFC）

1、简介

1.1 Three.JS

https://threejs.org/
Three.js 是一个基于 WebGL 的 JavaScript 3D 库，它封装了 WebGL 的底层 API，使开发者能够更简单地在网页上创建和展示 3D 场景和动画。

1.1 IFC.JS

https://www.buildingsmart.org/
行业基础类 （IFC） 是建筑资产行业的一组标准化数字描述。它是一个开放的全球标准，根据 Creative Commons 许可和 ISO 16739 发布。IFC 提供信息的机器可解释性，从而实现工作流程的自动化。它是供应商中立的，可供所有人使用。

IFC 的最新正式版本是 4.3.2.0。此版本通常称为 IFC 4.3，也由 ISO 作为最终 ISO 16739-1 标准发布。还提供 IFC 的早期版本。较旧的官方版本是 IFC 4.0.2.1 （IFC 4） 和 IFC 2.3.0.1 （IFC 2x3）。当前正在开发的版本是 IFC 5。

IFC 数据可以以 .ifc 文件（STEP 文件格式）或其他格式（如 .ifcXML 或 .ifcZIP）捕获（序列化）。但是，IFC 标准不仅仅是一种文件格式。它主要是一个数据模式，用于解释如何组织对象、其属性、关系等。IFC
也是由 buildingSMART 管理的旗舰项目，包括领域和实施者协议、文档、协作平台、认证计划和开发流程。

2、示例代码

2.1 示例1

代码编号：D1_1_CAD_IFC_js_vite

2.2 示例2

代码编号：D1_2_CAD_IFC_js_rollup

2.3 示例3

代码编号：D1_3_CAD_IFC_js_rollup

2.4 示例4

代码编号：D1_4_CAD_IFC_js_rollup

2.5 示例5

代码编号：D1_5_CAD_IFC_js_rollup

2.6 示例6

代码编号：D1_6_CAD_IFC_js

2.7 示例7

代码编号：D1_7_CAD_IFC_ts_angular_ng

2.8 示例8

代码编号：D1_8_CAD_IFC_js_vue3_vite

2.9 示例9

代码编号：D1_9_CAD_IFC_js

2.10 示例10

代码编号：D1_10_CAD_IFC_js_rollup

结语

如果您觉得该方法或代码有一点点用处，可以给作者点个赞，或打赏杯咖啡；╮(￣▽￣)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果您需要相关功能的代码定制化开发，可以留言私信作者；(✿◡‿◡)
感谢各位大佬童鞋们的支持！( ´ ▽´ )ﾉ ( ´ ▽´)っ！！！

如需源代码，请加文章末尾的QQ！