ThreeJS, текстура трехмерного объекта, не работающая только онлайн

Question

Я использую three.js для приложения AR, чтобы показать 3D-объект (экспортированный с Maya с майя-экспортером в три js) на маркер, обнаруженный с помощью JSARToolKit.

Все работает нормально на localhost (я вижу текстуру), но когда я загружаю его в Интернете (github), и я вижу, что объект предварительного просмотра кажется черным без текстуры (например, если я удаляю свет).

// load the model 
var loader = new THREE.JSONLoader; 
var object; 
//var geometry = new THREE.BoxGeometry(1, 1, 1); 
loader.load('js/object3d.js', function(geometry, materials){ 
var material = new THREE.MeshFaceMaterial(materials); 
object = new THREE.Mesh(geometry, material); 

container.add(object); 
}); 

var ambLight = new THREE.AmbientLight(0x909090, 2.0); 
container.add(ambLight); 

Любые идеи?

Answer 1

Я не уверен, что это проблема, но может случиться так, что ваш загрузчик ошибется, но поскольку вы не установили обработчик ошибок для своего загрузчика, вы не получите уведомление.

Метод JSONLoader нагрузки принимает четыре аргумента (url, onLoad, onProgress, onError), как вы можете видеть here in the class on line 40.

Попытайтесь установить обработчик ошибок (метод обратного вызова) и посмотреть, что вы получаете. Например:

var onload = function(geometry, materials){ 
    var material = new THREE.MeshFaceMaterial(materials); 
    object = new THREE.Mesh(geometry, material); 
    container.add(object); 
}); 
var onProgress = function(){ 
    // your optional on progress logic 
} 
var onError = function(error){ 
    console.log(error); 
} 

var loader = new THREE.JSONLoader; 
loader.load('js/object3d.js', onLoad, onProgress, onError);