title: Changing color of cube in three.js
body: <p>I'm trying to change the color of a cube based on a variable. I created two cubes and I want to change their color depending on the distance between them.</p>
  
  <p>The cubes are created like this:</p>
  
  <pre><code>geometry = new THREE.CubeGeometry( 50, 50, 50 );
  material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );
  cube = new THREE.Mesh( geometry, material );
  scene.add( cube );
  </code></pre>
  
  <p>Now I tried something like this:</p>
  
  <pre><code>if(distance &gt; 20)
  {
  cube.material.color = 0xffffff;
  }
  </code></pre>
  
  <p>But it does not work. I looked in the examples but couldn't find anything appropriate.</p>