three.js 动态加载

// 创建一个加载管理器
const loadingManager = new THREE.LoadingManager();

// 创建GLTF加载器
const gltfLoader = new THREE.GLTFLoader(loadingManager);

// 加载模型
gltfLoader.load('path/to/model.glb', function(gltf) {
    scene.add(gltf.scene);
}, undefined, function(error) {
    console.error(error);
});

const textureLoader = new THREE.TextureLoader();
textureLoader.load('path/to/texture.jpg', function(texture) {
    material.map = texture;
    material.needsUpdate = true;
});

const textureLoader = new THREE.TextureLoader();
textureLoader.load('path/to/texture.jpg', function(texture) {
    // 成功加载
}, undefined, function(error) {
    console.error('纹理加载失败:', error);
});

const textureLoader = new THREE.TextureLoader();
textureLoader.crossOrigin = 'Anonymous';
textureLoader.load('https://example.com/path/to/texture.jpg', function(texture) {
    // 成功加载
});