threejs加载3d模型

要使用Three.js加载3D模型，你需要先准备好一个3D模型文件，比如OBJ、FBX或者GLTF格式的文件。然后，你可以按照以下步骤来加载模型：

1. 从Three.js中导入必要的类和模块：

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

2. 创建一个Three.js场景和渲染器：

const scene = new THREE.Scene();
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

3. 创建一个摄像机并将其添加到场景中：

const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;
scene.add(camera);

4. 创建一个光源并将其添加到场景中：

const light = new THREE.AmbientLight(0xffffff, 1);
scene.add(light);

5. 使用GLTFLoader加载模型文件：

const loader = new GLTFLoader();
loader.load('path/to/your/model.glb', (gltf) => {
  scene.add(gltf.scene);
}, undefined, (error) => {
  console.error(error);
});

6. 渲染场景：

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

以上就是使用Three.js加载3D模型的基本步骤。当然，具体的实现可能会因为模型的不同而有所差异，比如模型的材质、纹理等。但是，以上的步骤基本上能够适用于大多数的3D模型加载情况。