title: Proper way to update texture (THREE.JS)
body: <p>I have some checkbox booleans that load different textures to a sphere in three.js. </p>
  
  <p>I am running into the issue of these images not loading fast enough, causing some drag on performance. I imagine I will need to preload them but not sure the best way for that. I am also including my current code as there may be a better solution altogether or some unneeded code of mine.</p>
  
  <pre><code>function showPoliticalMap(){
      var world = scene.getObjectByName("world").children[1],
          cloud = scene.getObjectByName("cloud"),
          uri = world.material.map.image.baseURI;
  
      scene.remove(cloud);
      spotlight.intensity = 0;
      ambientLight.intensity = 1;
      world.material.map.image.currentSrc = uri + "img/earthmapoutlineblue_optimized.jpg";
      world.material.map.image.src = uri + "img/earthmapoutlineblue_optimized.jpg";
      world.material.map.needsUpdate = true;
      world.material.needsUpdate = true;
  }
  </code></pre>