Instanced Mesh

[IRobot1]

Is there a way to set the scale and color of each instanced mesh?

Can you provide a small code example of how to do it?

Thanks

[IRobot1]

The following example shows how to set color and scale using instaned mesh

    <ngt-instanced-mesh #inst="ngtInstancedMesh" [args]="[data.length]" (ready)="ready(inst.mesh)">
      <ngt-box-geometry></ngt-box-geometry>
      <ngt-mesh-standard-material></ngt-mesh-standard-material>
    </ngt-instanced-mesh>

  gap = 1.05
  data = new Array(1000).fill(0).map((d, index) => ({
    position: new Vector3(0, Math.floor(index / 30) * this.gap, (index % 30) * this.gap - 15),
    scale: new Vector3(Math.random(), Math.random(), Math.random()),
    color: new Color().setHex(Math.random() * 0xffffff) //.setColorName('white')
  }));

  ready(inst: InstancedMesh) {

    this.data.forEach((item, index) => {
      const matrix = new Matrix4();
      matrix.setPosition(item.position);
      matrix.scale(item.scale);
      inst.setMatrixAt(index, matrix);
      inst.setColorAt(index, item.color);
    })
  }

Result looks like this