title: Superimposing of color
body: <p>I want to paint cubes red color by means of a mouse. But thus the green cube (at the left) becomes not red, but black. The white cube (on the right) is colored normally. What to do?
  example <a href="http://neftek.legko.ufanet.ru/MyWebGL/_click/" rel="nofollow noreferrer">here</a></p>
  
  <pre><code>// init
  var material = new THREE.MeshLambertMaterial({
      color: 0x00ff00,
      side: THREE.DoubleSide,
      vertexColors: THREE.FaceColors
  });
  
  var geometry = new THREE.BoxGeometry(100, 100, 100, 4, 4, 4);
  
  var Cube = new THREE.Mesh(geometry, material);
  Cube.position.x = -100;
  scene.add(Cube);
  objects.push(Cube);
  
  var material = new THREE.MeshLambertMaterial({
      color: 0xffffff,
      side: THREE.DoubleSide,
      vertexColors: THREE.FaceColors
  });
  var geometry = new THREE.BoxGeometry(100, 100, 100, 4, 4, 4);
  
  var Cube = new THREE.Mesh(geometry, material);
  Cube.position.x = 100;
  scene.add(Cube);
  objects.push(Cube);
  
  document.addEventListener('mousedown', onDocumentMouseDown, false);
  
  // 
  
  function onDocumentMouseDown(event) {
  
      var vector = new THREE.Vector3(
          (event.clientX / window.innerWidth) * 2 - 1, -(event.clientY / window.innerHeight) * 2 + 1, 0.5);
      vector.unproject(camera);
      raycaster.set(camera.position, vector.sub(camera.position).normalize());
  
  
      var intersects = raycaster.intersectObjects(objects);
  
      if (intersects.length &gt; 0) {
          var index = intersects[0].faceIndex;
          // change the color of the closest face.
          intersects[0].face.color = color;
          intersects[0].object.geometry.colorsNeedUpdate = true;
      }
  
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ulANp.png" alt="scrin"></p>