title: Add model.obj to three.MESH
body: <p>I am new to three.js and I am making an augmented reality app on web to show plates of food. So far I have managed to show a cube. The problem raised when I tried to show a model.obj instead of geomerty and material in mesh. Can anyone please help me on how to put a model.obj in THREE.MESH since I cannot do it. Below is my code.   </p>
  
  <pre><code> function createContainer() {
      var model = new THREE.Object3D();
      model.matrixAutoUpdate = false;
      return model;
  }
  
  function createMarkerMesh(color) {
         manager = new THREE.LoadingManager();
       manager.onProgress = function (item, loaded, total) {
  
          console.log(item, loaded, total);
  
      };
       var texture = new THREE.Texture();
       var loader = new THREE.ImageLoader(manager);
       loader.load(texturePath, function (image) {
  
        texture.image = image;
        texture.needsUpdate = true;
        texture.transparent = true;
  
      });
  
      var loader = new THREE.OBJLoader(manager);
      return loader.load(objectPath, function (object) {
  
          object.traverse(function (child) {
  
              if (child instanceof THREE.Mesh) {
  
                  child.material.map = texture;
                  child.material.transparent = true;
  
              }
  
          });
          object.position.z = -50; 
  
          return object;
      });
  
     // var geometry = new THREE.CubeGeometry( 100,100,100 );
     //var material = new THREE.MeshPhongMaterial( {color:color, side:THREE.DoubleSide } );
      var mesh = new THREE.Mesh( object.geometry, object.material);                      
      mesh.position.z = -50;
  
     return mesh;
  }
  
  
  
  function createMarkerObject(params) {
   //return   createMarkerMesh(params.color);
   var modelContainer = createContainer();
   var modelMesh = createMarkerMesh(params.color);
   console.log(modelMesh);
   modelContainer.add( modelMesh);
  
      function transform(matrix) {
          modelContainer.transformFromArray( matrix );
      }
  
      return {
          transform: transform,
          model: modelContainer
      }
    return {
      createMarkerObject:createMarkerObject
  }
  
  }
  </code></pre>
  
  <p>The code in function Create MArker MEsh is were the cube was created and worked fine now I have commented those parts and tried to show the object but nothing is happening please help me.</p>