ThreeJS，3D对象纹理不能仅在线工作

Question

我在 AR 应用程序中使用 three.js，以在使用 JSARToolKit 检测到的标记上显示 3D 对象（使用 Maya 导出器从 Maya 导出到 threejs）。

在 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。

尝试设置一个错误处理程序（onError 回调方法），看看你会得到什么。例如：

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