title: Change obj model material in three.js
body: <p>I have a 3D model with UV mapping created in blender. I applied the UV mapping in a way that the texture is only applied on one side of the model. I exported the model as <code>obj</code> and <code>mtl</code>. When I import this model on <code>three.js</code> it works as intended and the loader automatically applies the image defined in the <code>mtl</code> file as the texture.</p>
  
  <p>Now I want to change this texture programatically in <code>three.js</code>. The model has multiple materials (I think it's because of multiple faces). How do I reapply the material maintaining the UV mapping and just changing the texture applied? I want to apply a <code>map</code> and a <code>envMap</code> to the model.</p>
  
  <pre><code>                       var m = new THREE.MeshPhongMaterial({
                              envMap: cubemap,
                              reflectivity: 0.9
                          });
                          var m2 = new THREE.MeshPhongMaterial({
                              envMap: cubemap,
                              color: parseInt(material.color, 16),
                              reflectivity: 0.9,
                              map: THREE.ImageUtils.loadTexture('/textures/uv_checker large.png')
                          });
  
                          loadedMesh.material = [m,m,m,m,m,m2,m2,m2,m];
  </code></pre>
  
  <p>With the <code>m</code> and <code>m2</code> positions applied after some trial and error. The texture is applied but it doesn't end up looking the same way as the original. II have some small empty spaces and even texture on places I shouldn't have texture due to my UV mapping.</p>
  
  <p>How can I approach this?</p>