three.js 加载MTL和OBJ文件 MTLLoader OBJLoader

three.js最新版本'75'相较以前使用的'71'版本obj模型加载的方法发生了变化。

 移除了OBJMTLLoader.js,并将原来OBJLoader.js和MTLLoader.js加载方法loader.setCrossOrigin更改为loader.setPath。

let mtlLoader = new MTLLoader();
  mtlLoader.setBaseUrl( "../../src/assets/3D/" );
  mtlLoader.setPath( "../../src/assets/3D/" );
  mtlLoader.load( 'changjing-4.mtl', function(materials) {
    materials.preload();
    let objLoader = new OBJLoader();
    objLoader.setMaterials(materials);
    objLoader.setPath("../../src/assets/3D/");
    objLoader.load('changjing-4.obj', function ( object ) {
      object.scale.x =  object.scale.y =  object.scale.z = 100;
      object.rotation.y = 500;
      let mesh = object;
      mesh.position.y = -50;
      scene.add( mesh );
    });
  });