Loader.load(url: string, onLoad: Function, onProgress?: Function, onError?: Function): void
该函数用于加载三维模型、音频、视频等资源文件。
url
:需要加载的资源文件的 URL。
onLoad
:加载成功后的回调函数,会将加载好的资源作为参数传入。
onProgress
:加载过程中的回调函数,可用于显示加载进度条,默认值为 undefined
。
onError
:加载失败后的回调函数,默认值为 undefined
。
以下为加载一个 .glb
格式的三维模型的范例:
import * as THREE from 'three';
const loader = new THREE.GLTFLoader();
loader.load(
'models/model.glb',
(gltf) => {
scene.add(gltf.scene);
},
(xhr) => {
console.log((xhr.loaded / xhr.total * 100) + '% 已加载');
},
(error) => {
console.log('模型加载失败:' + error);
}
);
onProgress
回调函数中加入进度条等提示,以免用户误解场景卡住了。