three.js - 用于三个.js 的 IFC 加载器？

Question

目前，我需要将所有 IFC 文件转换为 Collada 格式，以便在 Three.js 中可视化它们。three.js 中有 IFC Loader 吗？我什么也找不到。近期是否有开发 IFCLoader 的计划？

写这个有多难？

Answer 1

我还没有遇到可以直接读取 IFC 文件的本机 Javascript 解析器，但是有来自Apstex的产品可用。它是一个输出three.js 几何图形的Java 工具。我们将其用作自运行的 Web 服务，因此客户端发送 IFC 文件并接收 JSON Three.js 几何图形（然后将其加载到查看器中）。

Answer 2

可能是这个问题的迟到答案。您是否看过 BIMserver 插件来获取 IFC 文件的 three.js 导出？从这里查看

Answer 3

可能有点晚了，但我们最近发布了 Three.js 的官方 IFC 加载器。它相对年轻，我们还有工作要做，但它已经能够打开很多 IFC 文件。假设您的场景中有一个 HTML 输入元素：

 import { IFCLoader } from "three/examples/jsm/loaders/IFCLoader";

//Sets up the IFC loading
const ifcLoader = new IFCLoader();
ifcLoader.setWasmPath("wasm/");

const input = document.getElementById("file-input");
input.addEventListener(
  "change",
  (changed) => {
    var ifcURL = URL.createObjectURL(changed.target.files[0]);
    console.log(ifcURL);
    ifcLoader.load(ifcURL, (ifcModel) => scene.add(ifcModel.mesh));
  },
  false
);

您可以访问文档以查看完整的教程、查看官方示例或让我们知道您是否有任何问题/反馈/想要在 Discord 频道中做出贡献。