javascript - 如何在 Three.js 中返回对象而不是将其添加到场景中？ (FBX加载程序)

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;

似乎返回undefined。

我尝试使用 Promises 以及加载管理器，但两者似乎都只能将对象添加到场景中，而不能返回对象。

我认为这是因为两个函数相互嵌套，而且加载是异步的。但我不确定如何解决这个问题，因为这是加载对象的标准方式。

Answer 1

load 是异步的 - 使用回调或使用 await，即

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( ... )