title: How do I load multiple textures with the new THREE.TextureLoader
body: <p>How do I load multiple textures with the new THREE.TextureLoader from Three.js ?</p>
  
  <p>At the moment I'm loading my textures like this:</p>
  
  <pre><code>  var texture1 = THREE.ImageUtils.loadTexture('texture1.jpg');
    var texture2 = THREE.ImageUtils.loadTexture('texture2.jpg');
    var texture3 = THREE.ImageUtils.loadTexture('texture3.jpg');
    var texture4 = THREE.ImageUtils.loadTexture('texture4.jpg');
    var texture5 = THREE.ImageUtils.loadTexture('texture5.jpg');
    ...
  </code></pre>
  
  <p>And Google chrome's developer tool give the following warning:</p>
  
  <blockquote>
    <p>THREE.ImageUtils.loadTexture is being deprecated. Use
    THREE.TextureLoader() instead.</p>
  </blockquote>
  
  <p><strong>My attempt with the new THREE.TextureLoader:</strong> </p>
  
  <pre><code>var loader = new THREE.TextureLoader();
  
  loader.load('texture1.jpg',function ( texture1 ) {});
  loader.load('texture2.jpg',function ( texture2 ) {});
  loader.load('texture3.jpg',function ( texture3 ) {});
  loader.load('texture4.jpg',function ( texture4 ) {});
  loader.load('texture5.jpg',function ( texture5 ) {});
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p><a href="https://threejs.org/docs/#api/loaders/TextureLoader" rel="nofollow noreferrer">TextureLoader</a></p>