将纹理应用于threejs对象

Question

我在将纹理应用于导出的对象时遇到麻烦。 我的代码如下所示：

var loader = new THREE.ObjectLoader();
var texture = THREE.ImageUtils.loadTexture('models/mountain/mountain.png');

loader.load("models/mountain/mountain.json", function (obj) {

  var material = new THREE.MeshPhongMaterial({
    map: texture
  });
  mesh = new THREE.Mesh( obj, material );

  scene.add( mesh );
});

只是将obj添加到场景中就可以了，但是当我必须设置网格和纹理时，会出现错误。 正确的语法应该是什么？

Answer 1

您的问题可能是ObjectLoader返回的“ obj”实际上只是一个Object3D。 包含实际几何图形和材料的对象是此“ obj”的子级。

因此，要更改材料，您需要：

for(var i = 0; i < obj.children.length; i++)
{
    obj.children[i].material = new THREE.PhongMaterial...
}

另外，请查看MTL加载程序。 如示例所示，OBJ / MTL加载器是使用带纹理的OBJ的常用方法： http ://threejs.org/examples/#webgl_loader_obj_mtl