Three.js - отображение изображений на объекте JSON

Question

Я использую версию 71 библиотеки. Я пытаюсь отобразить изображение на каждой грани трехмерного объекта (сделанного через Blender). Является ли это с помощью разных изображений или повторяющихся изображений, не имеет значения. Объект загружается через функцию загрузки после создания экземпляра JSONLoader. Ниже приведен пример загрузки json-файла. В этом случае форма представляет собой куб, который имеет шесть сторон. Есть ли способ изменить следующий код, чтобы это произошло?

var loaderSix = new THREE.JSONLoader(); 
    loaderSix.load("./resources/json/six.json", function (model) { 
     var materialSix = new THREE.MeshNormalMaterial(); 

     six = new THREE.Mesh(model, materialSix); 
     six.translateY(1); 
     six.scale = new THREE.Vector3(3, 3, 3); 
     meshSix = THREE.SceneUtils.createMultiMaterialObject(six, materialSix); 
    }); 

Answer 1

1) При загрузке материалов, и уже имеют геометрию, то вы пробовали "MeshFaceMaterial" (docs)?

var loaderSix = new THREE.JSONLoader(); 
    loaderSix.load("./resources/json/six.json", function (model) { 
     var materialSix = new THREE.MeshFaceMaterial("your materials array: model"); 

     six = new THREE.Mesh("your cube geometry", materialSix); 
     six.translateY(1); 
     six.scale = new THREE.Vector3(3, 3, 3); 
    }); 

2) При загрузке объекта, а затем добавить различные изображения является «MeshFaceMaterial» вариант, а также, подобный пример here. Я изменил этот код в соответствии с положением:

var image;   
    var materials = []; 
    for (var i=0; i<6; i++) { 
    image = "./resources/images/"+fileName+".png" 
    materials.push(new THREE.MeshBasicMaterial({ map: THREE.ImageUtils.loadTexture(image)})); 
    } 
    var loaderSix = new THREE.JSONLoader(); 
     loaderSix.load("./resources/json/six.json", function (model) { 
      var materialSix = new THREE.MeshFaceMaterial(materials); 

      six = new THREE.Mesh(model, materialSix); 
      six.translateY(1); 
      six.scale = new THREE.Vector3(3, 3, 3); 
     });