title: How to change color of 3D model with three.js without loosing the details of the model?
body: <p>I'm new to JavaScript and three.js and I'm trying to change the color of my 3D model. After reading the documentation, I added this line:<code>var material = new THREE.MeshBasicMaterial( {color:0xffff00} );</code> This changes my model to yellow from the default(white). However, I loose all the details in my model.</p>
  
  <p>This is my code, please let me know what could I do about this. Cheers. </p>
  
  <pre><code>        var models = [
            {
              name: 'Bear',
              load: function(model) {
                stlLoader.load(
                  '{{ url_for('static', filename='bear.stl') }}',
                  function(geometry) {
                    // Regenerate normals because they aren't loaded properly.
                    geometry.computeFaceNormals();
                    geometry.computeVertexNormals();
                    // Load the model and build mesh.
                    var material = new THREE.MeshBasicMaterial( {color:0xffff00} );
                    model.model = new THREE.Mesh(geometry, material);
                    // Rotate, scale, and move so the bear is facing out the screen.
                    model.model.rotation.x = -90 * (Math.PI / 180.0);
                    model.model.scale.set(0.15, 0.15, 0.15);
                    model.model.position.y = -4;
                  }
  </code></pre>