three.js - 加载.glb格式和.gltf格式3D模型

加载参考:

three.js加载3D模型(.glb格式和.gltf格式)

展示所需文件:

文件是第三方提供,我只做展示(具体gltf文件怎么生成,请咨询专业建模人士,后面有空研究了我再完善)

three.js - 加载.glb格式和.gltf格式3D模型_第1张图片 展示效果:

 需要代码的同学请私信我 

坑位提示:

1、Cannot read property 'addEventListener' of undefined at new OrbitControls?

错误提示:

Cannot read property 'addEventListener' of undefined
    at new THREE.OrbitControls (OrbitControls.js:1130)

原因解析及解决方法:

这是由于threejs新版(r109之后)与上一个版本的兼容性引起的, 旧版在创建OrbitControls对象时的写法是OK的:

// controls: OrbitControls;
this.controls = new OrbitControls(this.camera);

在新版里则需要同时传入渲染器的domElement对象,如:

this.controls = new OrbitControls(this.camera, this.renderer.domElement);

你可能感兴趣的:(3D,Preview,js,three.js,3d)