如何在three.js中从OBJ+MTL文件加载纹理

Question

我有一个Maya文件导出到OBJ和MTL。我可以成功地看到OBJ纹理，但我如何真正获得纹理？我在blender中查看了"three.js"格式，它看起来只是形状，没有纹理。

这个three.js示例似乎加载在形状的obj fine中，但纹理似乎来自jpg图像，而不是mtl:

loader.load('textures/ash_uvgrid01.jpg', function(image) {
    texture.image = image;
    texture.needsUpdate = true;
});

我的问题是，如何为我的模型获得这个"uvgrid01.jpg"图像？有没有办法将MTL转换为这种.jpg格式，仅用于纹理？或者我应该用其他方式导出纹理以加载它吗？

Answer 1

您可以使用OBJLoader和MTLLoader，如本例所示（至少有三个.js r77）：

var mtlLoader = new THREE.MTLLoader();
mtlLoader.setPath('obj/male02/');
mtlLoader.load('male02_dds.mtl', function(materials) {
  materials.preload();
  var objLoader = new THREE.OBJLoader();
  objLoader.setMaterials(materials);
  objLoader.setPath('obj/male02/');
  objLoader.load('male02.obj', function(object) {
    object.position.y = -95;
    scene.add(object);
  }, onProgress, onError);
});