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]
});