526互联

r3f加载IFC模型

发布时间 2023-05-31 15:10:13作者: 奥托
import { IFCLoader } from "web-ifc-three";
import { IFCSPACE } from "web-ifc";
import { useRef } from "react";
import { useEffect } from "react";

async function init(group) {
  //Setup IFC Loader
  const ifcLoader = new IFCLoader();
  await ifcLoader.ifcManager.setWasmPath(
    "https://unpkg.com/web-ifc@0.0.36/",
    true
  );

  await ifcLoader.ifcManager.parser.setupOptionalCategories({
    [IFCSPACE]: false,
  });

  await ifcLoader.ifcManager.applyWebIfcConfig({
    USE_FAST_BOOLS: true,
  });

  ifcLoader.load("ifc/rac_advanced_sample_project.ifc", function (model) {
    console.log("model", model);
    group.add(model)
  });
}

function IfcTestModel() {
  const group = useRef();
  useEffect(()=>{
    group.current.clear();
    init(group.current)
  },[])

  return <group ref={group}></group>;
}

export default IfcTestModel;