title: How to add texture to object in three.js?
body: <p>I am trying to add to texture to my central sphere  (the earth) but when I try the object disappears. Can I have some guide to where I am going wrong. Thanks
  Here is the link to my jsbin <a href="http://jsbin.com/cabape/edit?html,output" rel="nofollow">http://jsbin.com/cabape/edit?html,output</a> . I am going to get the moon to rotate around the earth</p>
  
  <p>//earth
     var loader = new THREE.TextureLoader();
              loader.load( '<a href="http://simpletruthsforhealthyliving.com/js/earth.jpg" rel="nofollow">http://simpletruthsforhealthyliving.com/js/earth.jpg</a>', function ( texture ) {</p>
  
  <pre><code>  var center =  new THREE.SphereGeometry(20,20,20);
  var materialShereCenter = new THREE.MeshPhongMaterial( { ambient: 0xee0011, color:0xff0000, specular: 0xee0000, shininess: 70,wireframe: false, map: texture } );  
  centralSphere = new THREE.Mesh(center, materialShereCenter);
  centralSphere.position.z        = 0;
  centralSphere.position.x        = 0;
  centralSphere.position.y        = 0;
  
  scene.add(centralSphere);
  
  });
  </code></pre>