加载 .obj 后如何保留 Three.js 对象的引用？

Question

官方文档 有一个很好的示例，说明如何添加 .obj 文件到场景。

const loader = new OBJLoader();

// load a resource
loader.load(
    // resource URL
    'models/monster.obj',
    // called when resource is loaded
    function ( object ) {

        scene.add( object );

    },
    // called when loading is in progresses
    function ( xhr ) {

        console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

    },
    // called when loading has errors
    function ( error ) {

        console.log( 'An error happened' );

    }
);

但是，我不确定现在如何操作加载的对象。 URL 用于加载对象，然后加载的对象作为参数传递给 on load 函数，即传递给 loader.load 的第一个无名函数。但是，保留对该对象的引用的“最佳”方法是什么？

Answer 1

这相当简单。只需在调用加载函数之前创建一个引用即可。

const loader = new OBJLoader();

//Add a reference before loading model
var object;

//This is the same code, just without spaces/comments
loader.load('models/monster.obj', function ( object ) {
    scene.add( object );
},
function ( xhr ) {
    console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );
},
function ( error ) {
    console.log( 'An error happened' );
});

//After loading, you can now manipulate the model
object.rotation.set(x, y, z);
object.position.set(x, y, z);

Answer 2

我可以管理的一种方法看起来不太好，但是很有效。

我可以简单地将它绑定到当前窗口或文档：

function ( object ) {
    scene.add( object ); 
    window.obj = object; // binding it to the window
}

但这对我来说似乎有点奇怪，因为这会将它绑定到全局空间。例如，如果我想将范围限制得更小怎么办？