title: THREE.JS Exporting JSON models from blender (including textures)
body: <p>I'm using the mrdoob Blender Export Plugin (io_mesh_threejs) to Export to Three JS, but the exported .js or .dae objects do not contain any reference to the texture map files. Is there a special way I need to export the object? Alternatively, is there a special way I need to apply the map to the object in Blender 2.65 in order for the exporter to include it. Lastly, if there is not a way, can I manually add the texture in the JS file?</p>
  
  <hr>
  
  <p><strong><em>Blender Before Export</em></strong></p>
  
  <p><img src="https://i.stack.imgur.com/xrpoq.png" alt="enter image description here"></p>
  
  <hr>
  
  <p><strong><em>JSON Object Exported (without reference to texture)</em></strong></p>
  
  <pre><code>{
  
      "metadata" :
      {
          "formatVersion" : 3.1,
          "generatedBy"   : "Blender 2.65 Exporter",
          "vertices"      : 8,
          "faces"         : 6,
          "normals"       : 8,
          "colors"        : 0,
          "uvs"           : [4],
          "materials"     : 1,
          "morphTargets"  : 0,
          "bones"         : 0
      },
  
      "scale" : 1.000000,
  
      "materials" : [ {
          "DbgColor" : 15658734,
          "DbgIndex" : 0,
          "DbgName" : "Material",
          "blending" : "NormalBlending",
          "colorAmbient" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
          "colorDiffuse" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
          "colorSpecular" : [0.5, 0.5, 0.5],
          "depthTest" : true,
          "depthWrite" : true,
          "shading" : "Lambert",
          "specularCoef" : 50,
          "transparency" : 1.0,
          "transparent" : false,
          "vertexColors" : false
      }],
  
      "vertices" : [1,-0.988938,-1,1,-0.988938,1,-1,-0.988938,1,-1,-0.988938,-1,1,1.01106,-0.999999,0.999999,1.01106,1,-1,1.01106,1,-1,1.01106,-1],
  
      "morphTargets" : [],
  
      "normals" : [0.577349,-0.577349,-0.577349,0.577349,-0.577349,0.577349,-0.577349,-0.577349,0.577349,-0.577349,-0.577349,-0.577349,0.577349,0.577349,-0.577349,-0.577349,0.577349,-0.577349,-0.577349,0.577349,0.577349,0.577349,0.577349,0.577349],
  
      "colors" : [],
  
      "uvs" : [[1,-0,1,1,0,1,-0,0]],
  
      "faces" : [43,0,1,2,3,0,0,1,2,3,0,1,2,3,43,4,7,6,5,0,0,1,2,3,4,5,6,7,43,0,4,5,1,0,0,1,2,3,0,4,7,1,43,1,5,6,2,0,0,1,2,3,1,7,6,2,43,2,6,7,3,0,0,1,2,3,2,6,5,3,43,4,0,3,7,0,2,3,0,1,4,0,3,5],
  
      "bones" : [],
  
      "skinIndices" : [],
  
      "skinWeights" : [],
  
      "animation" : {}
  
  
  }
  </code></pre>
  
  <hr>
  
  <p><strong><em>Code To Load JSON Object</em></strong></p>
  
  <pre><code>var object;
  var loader = new THREE.JSONLoader();          
  
  loader.load( "./quirk_logo.js", function(geometry, materials) {
       var material = new THREE.MeshFaceMaterial(materials);
       object = new THREE.Mesh(geometry, materials);
  
       object.scale.set(1, 1, 1);
       scene.add(object)
       render();
  });
  </code></pre>