three.js怎么使用模型

### 如何在 Three.js 中使用模型

为了在 Three.js 中加载并显示三维模型，通常会采用特定的文件格式以及相应的加载器。下面是一个基本的例子来展示如何加载一个 `.gltf` 或者 `.glb` 文件类型的模型[^1]。

// 创建场景、相机和渲染器
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(
    75,
    window.innerWidth / window.innerHeight,
    0.1,
    1000
);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 加载 GLTF 模型
const loader = new THREE.GLTFLoader();

loader.load('path/to/your/model.glb', function(gltf) {
    const model = gltf.scene;
    
    // 将模型添加到场景中
    scene.add(model);
}, undefined, function(error) {
    console.error(error);
});

camera.position.z = 5;

function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}
animate();

这段代码展示了创建基础的 Three.js 场景，并通过 `THREE.GLTFLoader()` 来异步加载指定路径下的 `.glb` 格式的3D模型文件。一旦加载完成，该模型就被加入到了场景之中以便可以被看到。错误处理函数用于捕获任何可能发生的加载过程中的异常情况。

对于其他不同格式的模型（比如 `.obj`, `.fbx`），Three.js 提供了对应的加载工具类，如 `OBJLoader` 和 `FBXLoader` 等等。开发者可以根据实际需求选择合适的加载方式。