three.js 加载IFC

最新推荐文章于 2024-08-15 09:50:53 发布

yhyh1234567890

最新推荐文章于 2024-08-15 09:50:53 发布

阅读量3.7k

点赞数 1

分类专栏： ifc 文章标签： three.js c++

本文链接：https://blog.csdn.net/yhyh1234567890/article/details/119380508

版权

本文介绍如何利用three.js加载IFC文件，强调了优化FPS的重要性，从30提升到60。加载IFC需借助web-ifc，涉及C++编译和WebAssembly。确保浏览器支持WebAssembly，并通过特定测试验证。遇到加载错误，可能是web-ifc.wasm未正确加载，解决办法是调整其路径。未来计划在ifc.js上扩展更多功能。

摘要由CSDN通过智能技术生成

three.js可以进行IFC文件的加载，需要更新three.js版本，或者下载ifcLoader组件。
常见问题：
1、three.js加载中FPS越高越好，进行优化
从30->60左右
通过在render中，进行stats.start()
stats.end()

//vue.js写的
    animate (){
   
    //通过此处可以优化FPS
      stats.begin()
      controls.update()
      this.renderer.render(scene, camera)
      stats.end()
      }
    render () {
   
      // for(let i = 0;i<1000000000;i++){
   
      //             //借助for循环多次执行延时
      // }
      requestAnimationFrame(this.render)
      const delta = clock.getDelta()
      timeStamp += delta
      if (mixer) {
   
        mixer.update(delta)
      }
      if (timeStamp > singleFrameTime) {
   
        this.animate()
        stats.update()
        // 剩余的时间合并进入下次的判断计算 这里使用取余数是因为 当页页面失去焦点又重新获得焦点的时候，delta数值会非常大， 这个时候就需要
        timeStamp