javascript - 如何在threejs中使用InstancedBufferGeometry

Question

当我使用 InstancedBufferGeometry 时不显示。
(当下面的代码删除注释时，显示了多边形。)
但是，当显示多边形时，我使用了 BufferGeometry。
为什么下面的代码不起作用。
请教我。

const createGeometry = () => {
    // const geometry = new THREE.BufferGeometry();
    const geometry = new THREE.InstancedBufferGeometry();
    const positions = new THREE.BufferAttribute(new Float32Array(4 * 3), 3);
    const uvs = new THREE.BufferAttribute(new Float32Array(4 * 2), 2);

    positions.setXYZ(0, -0.5, 0.5, 1.0);
    positions.setXYZ(1, 0.5, 0.5, 1.0);
    positions.setXYZ(2, -0.5, -0.5, 1.0);
    positions.setXYZ(3, 0.5, -0.5, 1.0);
    uvs.setXYZ(0, 0.0, 0.0);
    uvs.setXYZ(1, 1.0, 0.0);
    uvs.setXYZ(2, 0.0, 1.0);
    uvs.setXYZ(3, 1.0, 1.0);
    geometry.setAttribute("position", positions);
    geometry.setAttribute("uv", uvs);

    geometry.setIndex(
      new THREE.BufferAttribute(new Uint16Array([0, 2, 1, 2, 3, 1]), 1)
    );

    return geometry;
  };

当使用 BufferGeometry 时。

Answer 1

使用 InstancedBufferGeometry没有至少一个 InstancedBufferAttribute不支持。
这种用法甚至没有意义，因为您希望拥有一个或多个定义每个实例的变化的属性。