将外部的建模导入到项目中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");
}
)