THREE.js OBJ Loader对象

时间:2012-12-06 11:59:34

标签: javascript html5 webgl three.js

我在访问事件边界外的对象时遇到问题。如果我将对象放在一个数组中并检出该数组,那么该数组也是空的,但在事件范围内它已满。我需要知道如何访问事件范围之外的对象。

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.

1 个答案:

答案 0 :(得分:2)

这不是范围;它是空的,因为你需要等待加载器加载对象才能看到那里的树 - 这就是addEventListener(“load”)的作用。代码段的最后一行在加载函数之前执行。

您的代码段令人困惑,但您对for循环的尝试并不是很明显。您正在创建许多加载器并将load事件侦听器附加到它们。但是你的loader.load()调用是在循环之后,所以它将应用于最后一个加载器。你可能想要在for循环之外移动你的loader对象,或者在循环中移动loader.load调用。