title: apply two textures on a plane in Three.js
body: <p>Is it possible to add two textures at the same time on a plane? Or a cube?</p>
  
  <p>I would like to apply one texture at the top half of a plane and a different one at the bottom half.</p>
  
  <p>Something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/Q0uSD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q0uSD.png" alt="enter image description here"></a></p>
  
  <p>this is what I set so far</p>
  
  <pre><code>var geometry = new THREE.PlaneGeometry( 2, 2 );
  var loader = new THREE.TextureLoader();
  var texture = loader.load( 'textures/stone.png');
  texture.wrapS = THREE.RepeatWrapping;
  texture.wrapT = THREE.RepeatWrapping;
  texture.repeat.set( 4, 4 );
  var material = new THREE.MeshBasicMaterial( { map: texture } );
  var mesh = new THREE.Mesh(geometry, material);
  
  scene.add(mesh);
  </code></pre>