如何在three.js中加载3D .obj模型？

Question

I am the three.js beginner. I created 3D obj model file in three.js. How to the object(3D .obj) return to another function? and How to original colour visible .obj 3D?

Javascript

this.draw3DObj = function (startX, startY, endX, endY, objType) {
    switch (objType) {
     case "window":
      var loader = new THREE.OBJLoader();
      var material = new THREE.MeshNormalMaterial({
       color: 0xbcb9b1,
       side: THREE.DoubleSide
      });
      loader.load('model/window.obj', function(object) {
        object.traverse(function(child) {

         if (child instanceof THREE.Mesh) {
          child.material = material;
         }

        });
        scene1.add(object);
        object.position.x = width;
        object.position.y = depth;
        object.position.z = height;
       },

       function(xhr) {
        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
       },

       function(error) {
        console.log('An error happened');
       }
      );
      break;
    }
    return object; // How to return?
};

Answer 1

You cannot directly return the object, because the loading as asynchronous. The first argument passed to loader.load is a callback that gets called when the object is loaded. At the end of that function you can call another function and pass the object.