Three.js - 访问场景中的子对象

Question

我试图访问场景中的子对象sole。我可以使用obj访问加载函数中的var sole，但我需要从加载函数外部访问它。

Here's the working code和 here's the json model file。

我可以从装载机内访问它，就像这样：

var loader = new THREE.ObjectLoader(); 
loader.load("models/shoe4.json", function (obj) { 
    scene.add (obj); 
    scene.rotation.y = Math.PI/1; 
    scene.position.y = -5; 
    scene.position.z = -24; 

    var sole = obj.getObjectByName("sole", true); 
    sole.position.y = -5; 

}); 

但我需要做这样的事情：

var loader = new THREE.ObjectLoader(); 
loader.load("models/shoe4.json", function (obj) { 
    scene.add (obj); 
    scene.rotation.y = Math.PI/1; 
    scene.position.y = -5; 
    scene.position.z = -24;  
}); 

var sole = obj.getObjectByName("sole", true); 
sole.position.y = -5; 

基本上，我需要把它放在它自己的功能后使用。

我也试过

var sole = scene.getObjectByName("sole", true); 
sole.position.y = -5; 

这给了我的错误：

Uncaught TypeError: Cannot read property ' getObjectByName ' of undefined

如何从任何地方访问对象sole？简单地声明var obj,不起作用。

Answer 1

首先声明sole lambda函数的范围之外，这样的：

var sole = null; 
var loader = new THREE.ObjectLoader(); 
loader.load("models/shoe4.json", function (obj) { 
    scene.add (obj); 
    scene.rotation.y = Math.PI/1; 
    scene.position.y = -5; 
    scene.position.z = -24; 

    sole = obj.getObjectByName("sole", true); 
    sole.position.y = -5; 

}); 

// this will FAIL because sole is undefined when this line of code executes 
sole.position.x = 5; 

其次，程序不能访问sole直到后实际执行的lambda函数。如果你不熟悉的异步（或事件驱动）编程模型，那么你应该做一个小小的阅读一下：

http://code.tutsplus.com/tutorials/event-based-programming-what-async-has-over-sync--net-30027

https://msdn.microsoft.com/en-us/library/windows/apps/Hh700330.aspx