three.js载入3D模型的所有方法

载入3D模型的方法主要取决于模型的格式和文件来源。以下是一些通用方法：

1. 使用Three.js自带的加载器：Three.js 提供了几个不同的加载器来处理不同的3D文件格式，例如OBJ、FBX、GLTF等。你可以使用这些加载器中的任何一个来加载你的3D模型。示例代码：

// 加载OBJ格式的模型
const loader = new THREE.OBJLoader();

loader.load(
  // 模型文件的路径
  'models/model.obj',

  // 加载完成后的回调函数
  function ( object ) {
    // 将模型添加到场景中
    scene.add( object );
  },

  // 加载进度的回调函数
  function ( xhr ) {
    console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
  },

  // 加载失败的回调函数
  function ( error ) {
    console.log( 'An error happened' );
  }
);

2. 使用第三方加载器：除了Three.js自带的加载器，还有很多第三方的3D文件加载器可以使用，例如Assimp、ColladaLoader等。你需要将这些加载器导入到你的项目中，然后使用它们来加载你的3D模型。示例代码：

// 加载Collada格式的模型
import ColladaLoader from 'three-collada-loader';

const loader = new ColladaLoader();

loader.load(
  // 模型文件的路径
  'models/model.dae',

  // 加载完成后的回调函数
  function ( collada ) {
    // 将模型添加到场景中
    scene.add( collada.scene );
  },

  // 加载进度的回调函数
  function ( xhr ) {
    console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
  },

  // 加载失败的回调函数
  function ( error ) {
    console.log( 'An error happened' );
  }
);

3. 使用模型转换工具：如果你的3D模型不支持Three.js自带的加载器或第三方加载器，你可以使用一些模型转换工具来将模型转换为Three.js支持的格式，例如OBJ、FBX、GLTF等。常用的转换工具有Blender、Maya、3ds Max等。转换后，你可以使用Three.js自带的加载器来加载模型。示例代码：

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

loader.load(
  // 模型文件的路径
  'models/model.gltf',

  // 加载完成后的回调函数
  function ( gltf ) {
    // 将模型添加到场景中
    scene.add( gltf.scene );
  },

  // 加载进度的回调函数
  function ( xhr ) {
    console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
  },

  // 加载失败的回调函数
  function ( error ) {
    console.log( 'An error happened' );
  }
);

以上是常用的载入3D模型的方法，具体需要根据实际情况进行选择。