Блог

Главная - Вопросы по программированию - Как добавить текстуру к объекту в three.js ?

Как добавить текстуру к объекту в three.js ?

#javascript #three.js

#javascript #three.js

Вопрос:

Я пытаюсь добавить текстуру к моей центральной сфере (земле), но когда я пытаюсь, объект исчезает. Могу ли я получить какое-то руководство по тому, где я ошибаюсь. Спасибо, вот ссылка на мой jsbin http://jsbin.com/cabape/edit?html , выходной сигнал. Я собираюсь заставить Луну вращаться вокруг земли

// earth var loader = новые ТРИ.TextureLoader(); loader.load(‘http://simpletruthsforhealthyliving.com/js/earth.jpg ‘, функция ( текстура) {

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

});

Ответ №1:

Это также необходимо было добавить

var texture = новые ТРИ.Texture(); var loader = новые ТРИ.ImageLoader();

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

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