将外部的建模导入到项目中GLTFLoader.js

将外部的建模导入到项目中GLTFLoader.js

注意：下载完的模型要放在public文件夹中或者是static文件夹中，不能放在src文件夹下

还有导入时千万别写public/glb/aaa.glb, 要写成/glb/aaa.gltf，不然当你打包后，是找不到public文件夹的。

import {
    GLTFLoader
} from 'three/examples/jsm/loaders/GLTFLoader.js'
//模型加载器 主要用于模型的导入,three在npm下载完成后就有了

//生成模型
const loader=new GLTFLoader();
loader.load('/model/momkey.gltf'(模型的地址),
        //成功的回调
          function(gltf){ 
  			//将模型加入到场景中
			scene.add(gltf.scene);
  			//渲染场景
  			renderer.render(scene,camera);
  			注意：这里重新渲染场景是因为GLTFLoader是一个异步加载
	},
          //加载过程中的回调
         function(xhr){
		console.log((xhr.loaded/xhr.total*100)+'% loaded')
	},
          //加载出错时的回调
          function(error){
  			console.log("An error happened");
	}
)

最后

以上就是高大金毛最近收集整理的关于将外部的建模导入到项目中GLTFLoader.js的全部内容，更多相关将外部内容请搜索靠谱客的其他文章。