javascript - 三.js依次加载多个obj文件

Question

我正在使用 Three.js 提供的 obj/mtl 加载器来加载包括 mtl 在内的多个 obj 文件。现在我需要加载多个对象。但我需要一个接一个地加载它们。我已经使用了 THREE.DefaultLoadingManager.onProgress 来添加“加载屏幕”。但是我如何在循环中检查 loaded === Total 以添加新的对象。或者我应该使用递归函数？

希望你能帮助我。谢谢

Answer 1

有一个回调函数，在加载对象时调用。您可以在那里触发下一个加载步骤。

var index = 0;
var files = ['file1.obj','file2.obj'];

var objLoader = new THREE.OBJLoader();

function loadNextFile() {

  if (index > files.length - 1) return;

  objLoader.load(files[index], function(object) {

    scene.add(object);

    index++;
    loadNextFile();

  });

}

loadNextFile();

需要扩展此基本代码以加载 Material 。