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

Question

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

Answer 1

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

// 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 的占位符图像。

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

How to apply texture for .fbx model in three.js?

fbx

three.js