JavaScript ArcGIS MeshComponent用法及代码示例

AMD: require(["esri/geometry/support/MeshComponent"], (MeshComponent) => { /* code goes here */ });

ESM: import MeshComponent from "@arcgis/core/geometry/support/MeshComponent";

类： esri/geometry/support/MeshComponent

继承: MeshComponent > Accessor

自从：用于 JavaScript 4.7 的 ArcGIS API

MeshComponent 类用于将一种或多种材质应用于单个 Mesh 。 faces 属性是网格 vertexAttributes 中索引的平面数组，定义网格中要应用材质的顶点区域。平面索引数组中的每个三元组值指定要渲染的三角形。

要定义整个网格的材质，可以将面设置为 null ，这表示为网格定义的所有顶点应渲染为连续的三角形。

网格组件定义了一种材质，该材质决定三角形区域的颜色。该网格颜色可以是单个值，也可以是通过网格 vertexAttributes 中指定的 uv 坐标映射到顶点的图像。着色指定用于计算光照如何影响网格着色的法线类型。

网格组件可以添加到Mesh.components[] 数组中。

let component1 = new MeshComponent({
  // Indices refer to vertices specified in the mesh vertexAttributes.
  // Here we refer to 2 triangles composed of the first 6 vertices of the mesh.
  faces: [0, 1, 2, 3, 4, 5],

  material: {
    color: "green"
  }
});

let component2 = new MeshComponent({
  faces: [6, 7, 8, 9, 10, 11],

  material: {
    color: "red"
  },

  shading: "smooth"
});

let mesh = new Mesh({
  // ... specify vertex attributes

  components: [component1, component2]
});