如何在 Three.js 中返回對象而不是將其添加到場景中？ (FBXLoader)

Question

如果我在 Javascript 中調用此函數，它會起作用，並將對象添加到場景中：

var loader = new THREE.FBXLoader();

function returnFBX(PATH, scene) {
    loader.load('obj/' + PATH + '.fbx', function (object) {
        scene.add(object);
    });
}

但是，如果我更換：

scene.add(object);

和：

return object;

它似乎返回未定義。

我嘗試使用 Promises 以及加載管理器，但兩者似乎都只能將對象添加到場景中，而不能返回對象。

我認為這是因為彼此之間有兩個嵌套函數，並且加載是異步的。 但我不確定如何解決這個問題，因為這是加載對象的標准方法。

Answer 1

load是異步的——要么使用回調，要么使用等待，即

const afterload = object => { console.log(object); }

function returnFBX(PATH, scene) {
    loader.load('obj/' + PATH + '.fbx', function (object) {
        afterload(object);
    });
}

或者

async function returnFBX(PATH, scene) {
    return loader.load('obj/' + PATH + '.fbx', function (object) {
        return object;
    });
}

let afterloadObject = await returnFBX( ... )

Answer 2

這就是我使用loadAsync()的方式

async function LoadModel (...) {
  const result = await loader.loadAsync(...);
  return result;
}

const model = await LoadModel(...);

檢查如何等待對象加載器：這里