イベント境界外のオブジェクトへのアクセスに関して問題があります。オブジェクトを配列に入れてその配列をチェックアウトすると、配列も空になりますが、イベントスコープではいっぱいになります。イベントスコープ外のオブジェクトにアクセスするにはどうすればよいかを知る必要があります。
for (var i = 0; i < 19; i++){
var loader = new THREE.OBJMTLLoader();
loader.addEventListener( 'load', function ( event ) {
var tree = event.content;
myWorld.setWorldTreePosition(multiplier);
tree.position.y = 0;
tree.position.x = myWorld.myTreePosition.position.x;
tree.position.z = myWorld.myTreePosition.position.z;
tree.rotation.x = -(Math.PI / 2);
tree.scale.set(10,5,5);
scene.add( tree );
collidableMeshList2.push(tree);
tree.castShadow = true;
//collidableMeshList.push(tree);
multiplier += 500;
console.log(collidableMeshList2); // here it is full of trees.
}
);
loader.load( 'obj/Palm_Tree.obj', 'obj/Palm_Tree.mtl' );
//outside this all becomes empty.
console.log(collidableMeshList2); // here is list is empty but I don't know why.