使用 Three.js 加载 STL 文件时出错

帕斯卡

我想使用three.js 显示STL 文件的预览。我遵循了以下教程,因为这正是我所需要的:

教程

我收到undefined is not a function (near '...loader.addEventListener...')以下行中调用的错误

    var loader=new THREE.STLLoader();
    loader.addEventListener('load', function (event){
    var geometry=event.content;
    var material=new THREE.MeshLambertMaterial({ ambient: 0xFBB917,color: 0xfdd017 });
    var mesh=new THREE.Mesh(geometry, material);
    scene.add(mesh);});

我还正确地包含了所有文件,我的代码有什么问题,或者有没有其他方法可以使用 javascript 简单预览 STL 文件?

唐麦柯迪

看起来那个教程是用旧版本的 Three.js 编写的。对于较新的版本,在加载 STL(和其他模型格式)时,您必须使用一个.load函数:

var material = new THREE.MeshLambertMaterial({ ambient: 0xFBB917,color: 0xfdd017 });

var loader = new THREE.STLLoader();
loader.load( './models/stl/slotted_disk.stl', function ( geometry ) {
  scene.add( new THREE.Mesh( geometry, material ) );
});

STLLoader.js:L18-30

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用three.js测量STL文件点之间的距离

来自分类Dev

使用Three.js在Angular应用中加载着色器时出错

来自分类Dev

无法使用Three.js加载动画

来自分类Dev

使用Three.js加载Maya模型

来自分类Dev

使用GHC加载.hs文件时出错

来自分类Dev

加载文件的THREE.js旋转

来自分类Dev

THREE.JS 无法加载 mtl 文件

来自分类Dev

Three.JS- STL加载程序-未捕获的TypeError:无法读取未定义的属性“ scale”

来自分类Dev

使用sceneLoader加载THREE.js编辑器创建的场景时出现THREE.js异常

来自分类Dev

尝试在Three.js中使用Mipmaping时出错

来自分类Dev

使用three.js JSONloader在指定的URL上加载文件(Django)

来自分类Dev

带有纹理的Three.js无法使用.png文件加载

来自分类Dev

如何使用three.js加载j3o文件

来自分类Dev

使用Webpack加载GLB模型-Three.js

来自分类Dev

如何使用three.js加载VRML模型(wrl)

来自分类Dev

具有TypeScript的Three.js STL加载器-未捕获的TypeError:无法读取未定义的属性'XHRLoader'

来自分类Dev

如何使用随机粒子填充加载的 STL 网格(非简单形状如立方体等)并使用three.js 中绑定的此几何体进行动画处理

来自分类Dev

使用加载时出错,无法在Matlab中读取文件

来自分类Dev

使用onclick加载js文件

来自分类Dev

使用onclick加载js文件

来自分类Dev

如何从three.js中的OBJ + MTL文件加载纹理?

来自分类Dev

Three.js - 在场景中加载多种文件格式

来自分类Dev

初始加载时,在Three.JS Canvas中适合3D对象(Collada文件)

来自分类Dev

如何在Three.js编辑器中加载启动时的CTM文件?

来自分类Dev

Three.js加载器

来自分类Dev

Three.js加载器

来自分类Dev

使用Three.js THREE.textureLoader预加载多个纹理

来自分类Dev

在Three.js中使用二进制加载器加载对象无法正常工作

来自分类Dev

在 Angular Js 中加载模块时出错

Related 相关文章

  1. 1

    使用three.js测量STL文件点之间的距离

  2. 2

    使用Three.js在Angular应用中加载着色器时出错

  3. 3

    无法使用Three.js加载动画

  4. 4

    使用Three.js加载Maya模型

  5. 5

    使用GHC加载.hs文件时出错

  6. 6

    加载文件的THREE.js旋转

  7. 7

    THREE.JS 无法加载 mtl 文件

  8. 8

    Three.JS- STL加载程序-未捕获的TypeError:无法读取未定义的属性“ scale”

  9. 9

    使用sceneLoader加载THREE.js编辑器创建的场景时出现THREE.js异常

  10. 10

    尝试在Three.js中使用Mipmaping时出错

  11. 11

    使用three.js JSONloader在指定的URL上加载文件(Django)

  12. 12

    带有纹理的Three.js无法使用.png文件加载

  13. 13

    如何使用three.js加载j3o文件

  14. 14

    使用Webpack加载GLB模型-Three.js

  15. 15

    如何使用three.js加载VRML模型(wrl)

  16. 16

    具有TypeScript的Three.js STL加载器-未捕获的TypeError:无法读取未定义的属性'XHRLoader'

  17. 17

    如何使用随机粒子填充加载的 STL 网格(非简单形状如立方体等)并使用three.js 中绑定的此几何体进行动画处理

  18. 18

    使用加载时出错,无法在Matlab中读取文件

  19. 19

    使用onclick加载js文件

  20. 20

    使用onclick加载js文件

  21. 21

    如何从three.js中的OBJ + MTL文件加载纹理?

  22. 22

    Three.js - 在场景中加载多种文件格式

  23. 23

    初始加载时,在Three.JS Canvas中适合3D对象(Collada文件)

  24. 24

    如何在Three.js编辑器中加载启动时的CTM文件?

  25. 25

    Three.js加载器

  26. 26

    Three.js加载器

  27. 27

    使用Three.js THREE.textureLoader预加载多个纹理

  28. 28

    在Three.js中使用二进制加载器加载对象无法正常工作

  29. 29

    在 Angular Js 中加载模块时出错

热门标签

归档