javascript - 通过 THREE.js 中的 Object Loader 获取对象的纹理

Question

我通过 THREE.js 中的 Object Loader 加载树模型，但没有加载任何纹理，它只是一个简单的树，上面有白光。代码是

var loader = new THREE.OBJMTLLoader();
loader.addEventListener('load', function (event) {
    var object = event.content;
    object.position.y = 0;
    object.position.x = 500;
    object.position.z = 500;
    object.rotation.x = -(Math.PI / 2);
    object.scale.set(5, 5, 2);
    scene.add(object);
});
loader.load('obj/Palm_Tree.obj', 'obj/Palm_Tree.mtl');

我应该怎么做才能加载树纹理。

Answer 1

默认行为根据 MTL 文件中的 'map_kd' 值分配三个 js 材质的 'map' 参数。确保它在那里指定。

它使用 'loadTexture()' 而不是 'loadCompressedTexture()' 所以请注意默认行为不处理 DDS 文件。