title: three.js - apply different material to extruded shape
body: <p>I have Three.Shape which I can apply Extrusion
  To get a plane I drew a square first and then apply extrusion</p>
  
  <pre><code>var squareShape = new THREE.Shape();
  squareShape.moveTo( 0,0 );
  squareShape.lineTo( 0, sqLength );
  squareShape.lineTo( sqLength, sqLength );
  squareShape.lineTo( sqLength, 0 );
  squareShape.lineTo( 0, 0 );
  
  var geometry = new THREE.ExtrudeGeometry( squareShape,extrudeSettings);
  </code></pre>
  
  <p>now a 3D square is appearing on my browser.</p>
  
  <p>Next I want to apply a image texture of 256x256 on its top face. How to do this?</p>