threejs 源模型克隆之后修改克隆模型材质会影响源模型

原因

在Three.js中，当你克隆一个模型时，实际上只是创建了一个新的对象，但该对象仍然引用原始模型的一些属性，例如材质。这意味着如果你修改了克隆模型的材质，原始模型的材质也会受到影响

这是因为在Three.js中，材质是通过引用传递的。当你克隆一个模型时，新的模型实际上与原始模型共享相同的材质对象。这样做可以节省内存，并且在某些情况下可能是有意义的。

如果你想要修改克隆模型的材质而不影响原始模型，你需要创建一个新的材质对象并将其赋值给克隆模型的材质属性。你可以使用material.clone()方法创建材质的副本，然后将其赋值给克隆模型的材质属性。这样，你就可以对克隆模型的材质进行独立的修改，而不会影响原始模型

解决

直接将源对象的材质克隆

object.traverse(child => {
    if (child.isMesh && child.material) {
        var newMaterial = child.material.clone();
        // 将新材质赋值给当前子网格
        child.material = newMaterial;
    }
});