在 Autodesk Forge Viewer 中添加 ThreeJs 模型

帕克斯顿·黄

我在通过对象加载器加载 Threejs 模型时遇到问题,我添加了最新的 ThreeJs 库版本以获得更多功能,例如创建文本,使用对象加载器......这是我的代码:

    loadThreeJs() {
        const loader = new THREEE.ObjectLoader();

        loader.load('./assets/MVP-TW-CCTV TOWER.json', (obj) => {
            console.log(obj)
            var object3DInside = obj.children[0].children[0];
            console.log(object3DInside)
            setTimeout(() => {this.addScene(object3DInside)},1000)
        }, (xhr) => {
            console.log((xhr.loaded / xhr.total * 100) + '% loaded');
        });
    }
    addScene(obj:any)
    {
        this.viewer.impl.createOverlayScene('load-scene');
        this.viewer.impl.addOverlay('load-scene', obj );
        this.viewer.impl.invalidate(true);
    }

其中三个是我从外部加载的 Threejs 库。obj是场景所以我得到object3D的孩子,但它总是返回object not an instance of THREE.Object3D. 我记录的结果和类型是object3D,它应该是正确的,但它不是吗?

在此处输入图片说明

康奕迅 |

It looks like you're using another version of three.js and referencing it globally, which is not delivered by Forge Viewer itself, and it will conflict with Forge Viewer one. As Petr mentioned here (upgrade three js version in autodesk forge viewer), Forge Viewer uses self-maintained three.js r71 removed most of the built-in three.js functions.

如果您想使用 Forge Viewer 的three.js 库中缺少的功能,我建议您使用一些现代开发工具,例如捆绑器(Webpack 是最受欢迎的工具)。您可以利用 ES6 模块并仅将严格需要的依赖项导入您的应用程序。threejs-全ES6包可以导入three.js所配备到您的应用程序独立,所以在这种情况下,我们可以导入THREEE.ObjectLoader,和所有其他需要的依赖将包的实现得到照顾。

在此处查看 Forge 社区博客:https : //forge.autodesk.com/blog/how-add-newest-threejs-features-forge-viewer

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Autodesk Forge Viewer中显示尺寸

来自分类Dev

在 Autodesk Forge 中围绕模型旋转相机

来自分类Dev

如何将Autodesk Model Derivative API元数据中的objectid与Forge Viewer模型dbid相匹配?

来自分类Dev

Autodesk Forge Viewer的多个实例

来自分类Dev

在three.js / Autodesk 3D Viewer(Autodesk Forge Viewer)中调整对象的大小

来自分类Dev

在Autodesk Forge Viewer中对齐坐标系

来自分类Dev

Autodesk Forge Viewer设置样式以在chrome中显示错误

来自分类Dev

如何在Autodesk Forge Viewer中定位对象的水平或地板

来自分类Dev

在 Autodesk Forge Viewer 中为对象着色的最佳方法

来自分类Dev

如何在Forge Viewer中激活“ Autodesk.MemoryLimited”扩展?

来自分类Dev

Autodesk Forge - 无法查看 Forge Viewer

来自分类Dev

模型在Forge Viewer中的位置/方向

来自分类Dev

Forge Viewer 中模型的默认材料

来自分类Dev

使用Autodesk Forge Viewer时是否可以按需加载模型的不同部分(不是全部)

来自分类Dev

Autodesk forge Configurator Inventor 添加新模型授权错误

来自分类Dev

在 Autodesk Forge 上组合模型

来自分类Dev

Autodesk Forge Viewer 在 android 中的加载时间延迟,使用 Xamarin 时性能变慢,Forge Offline Viewer

来自分类Dev

Autodesk Forge Viewer 适合查看纵向/横向

来自分类Dev

Autodesk Forge Viewer:如何获取文档

来自分类Dev

Forge Viewer多模型视图

来自分类Dev

如何将Autodesk Forge Viewer扩展添加到React?

来自分类Dev

在Forge Viewer中更改模型浏览器的内容

来自分类Dev

如何在移动应用程序中嵌入Autodesk Forge Viewer?

来自分类Dev

在 Autodesk Forge Viewer 中自定义绘图工具会引发错误

来自分类Dev

如何在Autodesk Forge Viewer版本7中删除工具栏按钮

来自分类Dev

将纹理大小调整问题转换到Autodesk Forge Viewer中

来自分类Dev

在 Autodesk Forge Viewer 中首次加载文件时,仅优先加载特定的 GUID

来自分类Dev

如何在 Autodesk Forge Viewer 中获取和恢复当前设置

来自分类Dev

Autodesk Forge 模型衍生清单 API

Related 相关文章

  1. 1

    在Autodesk Forge Viewer中显示尺寸

  2. 2

    在 Autodesk Forge 中围绕模型旋转相机

  3. 3

    如何将Autodesk Model Derivative API元数据中的objectid与Forge Viewer模型dbid相匹配?

  4. 4

    Autodesk Forge Viewer的多个实例

  5. 5

    在three.js / Autodesk 3D Viewer(Autodesk Forge Viewer)中调整对象的大小

  6. 6

    在Autodesk Forge Viewer中对齐坐标系

  7. 7

    Autodesk Forge Viewer设置样式以在chrome中显示错误

  8. 8

    如何在Autodesk Forge Viewer中定位对象的水平或地板

  9. 9

    在 Autodesk Forge Viewer 中为对象着色的最佳方法

  10. 10

    如何在Forge Viewer中激活“ Autodesk.MemoryLimited”扩展?

  11. 11

    Autodesk Forge - 无法查看 Forge Viewer

  12. 12

    模型在Forge Viewer中的位置/方向

  13. 13

    Forge Viewer 中模型的默认材料

  14. 14

    使用Autodesk Forge Viewer时是否可以按需加载模型的不同部分(不是全部)

  15. 15

    Autodesk forge Configurator Inventor 添加新模型授权错误

  16. 16

    在 Autodesk Forge 上组合模型

  17. 17

    Autodesk Forge Viewer 在 android 中的加载时间延迟,使用 Xamarin 时性能变慢,Forge Offline Viewer

  18. 18

    Autodesk Forge Viewer 适合查看纵向/横向

  19. 19

    Autodesk Forge Viewer:如何获取文档

  20. 20

    Forge Viewer多模型视图

  21. 21

    如何将Autodesk Forge Viewer扩展添加到React?

  22. 22

    在Forge Viewer中更改模型浏览器的内容

  23. 23

    如何在移动应用程序中嵌入Autodesk Forge Viewer?

  24. 24

    在 Autodesk Forge Viewer 中自定义绘图工具会引发错误

  25. 25

    如何在Autodesk Forge Viewer版本7中删除工具栏按钮

  26. 26

    将纹理大小调整问题转换到Autodesk Forge Viewer中

  27. 27

    在 Autodesk Forge Viewer 中首次加载文件时,仅优先加载特定的 GUID

  28. 28

    如何在 Autodesk Forge Viewer 中获取和恢复当前设置

  29. 29

    Autodesk Forge 模型衍生清单 API

热门标签

归档