基于ThreeJS修改模型材质

示例描述与操作指南

当前示例用于展示如何在模型上改变构件的材质。材质和几何体构成网格，决定几何体是否像金属，透明与否，是否展示线框。

常见材质包括：

1、基础材质 MeshBasicMaterial : 对光照无感，给几何体一种简单的颜色或显示线框。

2、兰伯特材质 MeshLambertMaterial ：这种材质对光照有反应，用于创建暗淡的不发光物体。

3、锋材质 MeshPhongMaterial ：这种材质对光照也有反应，用于创建金属类明亮的物体。

4、标准材质 MeshStandardMaterial ：这种材质主要是将锋材质和兰伯特材质的特性结合在一起，它有粗糙度和金属性并 能够改变这些属性。

示例效果展示

实现方式

修改构件材质：在当前示例中，我们展示了四种不同的材质，包括基础材质，标准材质，兰伯特材质和锋材质

// 改变材质种类，此处提供了"MeshBasicMaterial","MeshStandardMaterial",
// "MeshLambertMaterial","MeshPhongMaterial"四种材质的使用，更多材质的学习
// 请前往threejs官网查看
    const changeMaterial = (matreial) => {
   
      // const cpntCorlorArray = [0.83137256,0.27450982,0.27058825];  // 定义构件的颜色数组
      const cpntCorlorArray = [</