three.js - 如何在 Three.js 中为 .fbx 模型应用纹理？

Question

如何在运行时更改三个 js 库中“.fbx”模型的纹理？

Answer 1

将纹理应用于 .FBX 模型的主要问题是 .FBX 作为一组子模型加载，每个子模型都有自己的 Material 。替换这些纹理的方法是遍历模型结构:

// FBX loader returns a group containing a multiple sub-objects. Traverse and apply texture to all. 
group.traverse(function (child) {
    if (child instanceof THREE.Mesh) {

        // apply texture
        child.material.map = texture
        child.material.needsUpdate = true;
    }
});

对于工作示例，我修改了默认的 Three.js FBX 示例来演示这一点:

http://www.eponalabs.com/experiments/FBXReplaceTexture/fbx_replace_texture.html

当您按下按钮时，上面的代码片段用于将纹理替换为 Unsplash.it 中的占位符图像。 。