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

文章目录

  • 1、简介
    • [1.1 Three.JS](#1.1 Three.JS)
    • [1.1 IFC.JS](#1.1 IFC.JS)
  • 2、示例代码
    • [2.1 示例1](#2.1 示例1)
    • [2.2 示例2](#2.2 示例2)
    • [2.3 示例3](#2.3 示例3)
    • [2.4 示例4](#2.4 示例4)
    • [2.5 示例5](#2.5 示例5)
    • [2.6 示例6](#2.6 示例6)
    • [2.7 示例7](#2.7 示例7)
    • [2.8 示例8](#2.8 示例8)
    • [2.9 示例9](#2.9 示例9)
    • [2.10 示例10](#2.10 示例10)
  • 结语

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???
如果您需要相关功能的代码定制化开发,可以留言私信作者;(✿◡‿◡)
感谢各位大佬童鞋们的支持!( ´ ▽´ )ノ ( ´ ▽´)っ!!!

相关推荐
雪芽蓝域zzs1 小时前
vue解构平铺VS对象包裹
前端·javascript·vue.js
默_笙4 小时前
🚲 从写信到打电话:WebSocket 双工通信与跨域方案的"通信进化史"
前端·javascript
彼此不想说话1062475 小时前
Vue + Three.js 实战:从零搭一座可交互 3D 世界(一)——世界由哪些零件构成
three.js
ikoala5 小时前
DeepSeek 官方仓库惊现 DeepSeek Harness 桌面端!
前端·javascript·后端
liangshanbo12155 小时前
React useEffect 与 useLayoutEffect 面试题整理
前端·javascript·react.js
ID34610744206 小时前
【课程设计】基于Spring Boot+Vue的校园共享无人机服务系统设计与实现-计算机毕设 附源码44219
javascript·vue.js·spring boot·python·node.js·php·课程设计
夜不会漫长6 小时前
C++:类和对象(2)
java·javascript·c++
BillKu6 小时前
Vue3 可拖拽分栏布局:两种实现方式详解
javascript·vue.js·ecmascript
雪芽蓝域zzs7 小时前
第三十七节:防抖、节流封装(composables 通用函数,搜索框防重复请求)
前端·javascript·vue.js
十年一梦惊觉醒7 小时前
快手视频发布助手,全自动视频发布带货工具
开发语言·前端·javascript