title: how to apply different colors to the each side of the shape created using extrude geometry in three.js
body: <p>I had created a wall like shape using extrude geometry , I need to apply different colors for each side I had use the below settings </p>
  
  <pre><code>var extrusionSettings = {
          curveSegments:5,
          steps: 10,
          amount: 200,
          bevelEnabled: true,
          bevelThickness: default_height,
          bevelSize: 0,
          bevelSegments: 8,
          material: 0,
          extrudeMaterial: 5
      };
  
  var geometry1 = new THREE.ExtrudeGeometry( shape1, extrusionSettings );
  
  var materialLeft = new THREE.MeshLambertMaterial({
      color: 0xd6d6d6,// cement   
      //transparent:true,
      side: THREE.DoubleSide,
      ambient: 0xd6d6d6
  });
  var materialRight = new THREE.MeshLambertMaterial({
      color: 0xd6d6d6,//violet    
      //transparent:true,
      side: THREE.DoubleSide,
      ambient: 0xcc49c3
  });
  var materialTop = new THREE.MeshLambertMaterial({
      color: 0x8649cc,//blue  
      //transparent:true,
      side: THREE.DoubleSide,
      ambient: 0x8649cc
  });
  var materialBottom = new THREE.MeshLambertMaterial({
      color: 0x4ac4b6,// green
      //transparent:true,
      side: THREE.DoubleSide,
      ambient: 0x4ac4b6
  });
  var materialFront = new THREE.MeshLambertMaterial({
      color: 0x567E14,// dark green
      //transparent:true,
      side: THREE.DoubleSide,
      ambient: 0x567E14
  });
  var materialSide = new THREE.MeshLambertMaterial({
      color: 0xa8a843,// yellow
      //transparent:true,
      side: THREE.DoubleSide,
      ambient: 0xa8a843
  });
  
  //var materials = [ materialFront, materialSide ];
  var materials = [
                        materialLeft, // Left side 
                        materialRight, // Right side 
                        materialTop,   // Top side    
                        materialBottom,// Bottom side 
                        materialFront, // Front side 
                        materialSide, // Back side                                 
                      ];
  
  var material = new THREE.MeshFaceMaterial( materials );
  
  var mesh1 = new THREE.Mesh( geometry1, material );
  </code></pre>
  
  <p>By using <code>material: 0,extrudeMaterial: 5</code> it takes the material which is present in the position of 0 and 5 in the materials array, I need all the colors in the array should be placed according to the side the shape is.</p>
  
  <p>Can anyone please guide me.</p>