如何在Three.js中向對象添加紋理？

Question

我試圖為我的中心球（地球）添加紋理，但是當我嘗試該對象時，它消失了。 我可以向我哪里出一些問題的指南。 謝謝這是我的jsbin的鏈接http://jsbin.com/cabape/edit?html,output 。 我要讓月亮繞地球旋轉

//地球var loader = new THREE.TextureLoader（）; loader.load（' http://simpletruthsforhealthyliving.com/js/earth.jpg '，函數（texture）{

  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);

});

Answer 1

這也需要添加

var texture = new THREE.Texture（）; var loader = new THREE.ImageLoader（）;

    loader.addEventListener( 'load', function ( event ) {
            Texture1.image = event.content;
            Texture1.needsUpdate = true;
    } );

    loader.load( 'http://simpletruthsforhealthyliving.com/js/earth.jpg' );