How do I load multiple textures with the new THREE.TextureLoader
<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>