three导入3d模型

要在Three.js中导入3D模型，您需要使用一个称为`Loader`的对象，它将加载3D模型并将其添加到场景中。Three.js提供了许多不同的Loader，每个都专门用于加载不同类型的3D模型格式。

以下是一些常见的Loader及其支持的格式：

- `THREE.JSONLoader`：支持JSON格式的3D模型。
- `THREE.ObjectLoader`：可以加载包含多个对象的JSON格式的3D模型。
- `THREE.BufferGeometryLoader`：支持二进制格式的3D模型。
- `THREE.FBXLoader`：支持FBX格式的3D模型。
- `THREE.GLTFLoader`：支持GLTF / GLB格式的3D模型。

以下是一个简单的示例，展示如何使用`THREE.GLTFLoader`导入GLTF格式的3D模型：

import * as THREE from 'three';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';

const loader = new GLTFLoader();

loader.load(
    // 模型文件的URL
    'models/myModel.gltf',
    // 成功加载模型后的回调函数
    function ( gltf ) {
        // 将模型添加到场景中
        scene.add( gltf.scene );
    },
    // 加载进度的回调函数
    function ( xhr ) {
        console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
    },
    // 加载失败的回调函数
    function ( error ) {
        console.log( 'An error happened' );
    }
);

这里使用`GLTFLoader`对象加载GLTF格式的3D模型，`GLTFLoader`是Three.js提供的一个支持GLTF / GLB格式的Loader。在成功加载模型后，将其添加到场景中。在加载模型的过程中，可以使用`onProgress`回调函数获取加载进度。如果加载失败，则会调用`onError`回调函数。