如何在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' );