THREE.js OBJ Obiekty ładujące

Question

Mam problem z dostępem do obiektu poza granicami zdarzenia. Jeśli umieściłem obiekt w tablicy i sprawdzę tę tablicę, tablica jest pusta, ale w zakresie zdarzenia jest pełna. Muszę wiedzieć, w jaki sposób mogę uzyskać dostęp do obiektu poza zakresem zdarzenia.

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. 

Answer 1

Tu nie chodzi o zakres; Jest pusty, ponieważ musisz poczekać, aż program ładujący załaduje obiekt, zanim zobaczysz tam drzewa - tak właśnie robi addEventListener ("load"). Ostatni wiersz fragmentu kodu jest wykonywany przed funkcją obciążenia.

Fragment kodu jest mylący, nie od razu widać, co próbujesz zrobić z pętlą for. Tworzysz wiele programów ładujących i dołączasz do nich detektor zdarzeń obciążenia. Ale twoja funkcja loader.load() jest po pętli, więc będzie miała zastosowanie do ostatniego programu ładującego. Prawdopodobnie będziesz chciał przenieść tworzenie obiektu programu ładującego poza pętlę for lub wywołanie loader.load wewnątrz pętli.