7. Three.js如何更新材质Material？

1. 方式

1. 直接修改材质的属性值：可以通过直接修改材质的属性值来更新材质。
   • 例如，可以通过修改材质的颜色属性（color）来改变物体的颜色。修改后，Three.js会自动更新渲染时使用的GL状态，以反映新的材质属性。

material.color = new THREE.Color(0xff0000); // 将材质的颜色设置为红色

2. 使用材质的needsUpdate属性：
   • 有些材质属性的修改需要手动通知Three.js进行更新。可以通过将材质的needsUpdate属性设置为true来告知Three.js需要更新材质。

material.needsUpdate = true; // 告知Three.js需要更新材质

3. 创建新的材质对象：
   • 如果需要完全替换材质，可以创建一个新的材质对象，并将其赋值给物体的material属性。这样可以实现完全的材质更新。

var newMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 }); // 创建一个新的材质对象
mesh.material = newMaterial; // 将新的材质对象赋值给物体的material属性

需要注意的是，当更新材质时，可能需要手动调用场景的render方法来触发重新渲染，以便看到更新后的效果。

renderer.render(scene, camera); // 手动触发重新渲染

通过以上方式，可以在Three.js中灵活地更新材质，实现不同的外观效果。