Есть ли способ добавить различные текстуры к объекту с TextureLoader.load

Question

Я хотел бы добавить различные текстуры к каждому лицу коробки, но я не уверен, что loader.load это способ сделать это, прямо сейчас у меня есть:

loader.load('img/brick.jpg', function (texture){ 
    var boxGeometry = new THREE.BoxGeometry(3, 3, 3); 
    var boxMaterial = new THREE.MeshLambertMaterial({ 
     map: texture, 
     overdraw: 10 
    }); 

    var box = new THREE.Mesh(boxGeometry, boxMaterial); 
    box.castShadow = true; 

    scene.add(box); 
} 

Возможно ли добавить другие изображения в loader.load или использовать другой метод?

Answer 1

Вы можете просто загрузить изображение с loader.load, и сохранить его в переменной:

var loader = new THREE.TextureLoader(); 

var brick = loader.load('img/brick.jpg'); 
var occlusion = loader.load('img/ao.jpg'); //Example texture 
//More textures here 

Вы можете применить его так:

var boxGeometry = new THREE.BoxGeometry(3, 3, 3); 
var boxMaterial = new THREE.MeshLambertMaterial({ 
    map: brick, 
    aoMap: occlusion, //An example use 
    overdraw: 10 
}); 
var box = new THREE.Mesh(boxGeometry, boxMaterial); 
box.castShadow = true; 

scene.add(box); 

Вместо загрузки текстур и используя анонимный обратный вызов, просто загрузите текстуру, сохраните ее в переменной, а затем примените там, где это необходимо.