如何在ThreeJS中使用InstancedBufferGeometry进行光线投射？

// 创建场景和相机
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建几何体实例
const geometry = new THREE.BoxBufferGeometry(1, 1, 1);
const instanceCount = 100; // 实例数量
const position = new THREE.InstancedBufferAttribute(new Float32Array(instanceCount * 3), 3);
const rotation = new THREE.InstancedBufferAttribute(new Float32Array(instanceCount * 4), 4);
const scale = new THREE.InstancedBufferAttribute(new Float32Array(instanceCount * 3), 3);

// 设置实例属性
for (let i = 0; i < instanceCount; i++) {
  position.setXYZ(i, Math.random() * 10 - 5, Math.random() * 10 - 5, Math.random() * 10 - 5);
  rotation.setXYZW(i, 0, 0, 0, 1);
  scale.setXYZ(i, 1, 1, 1);
}

geometry.setAttribute('position', position);
geometry.setAttribute('rotation', rotation);
geometry.setAttribute('scale', scale);

// 创建着色器材质
const material = new THREE.ShaderMaterial({
  vertexShader: `
    attribute vec3 position;
    attribute vec4 rotation;
    attribute vec3 scale;

    void main() {
      vec3 transformed = position * scale;
      gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);
    }
  `,
  fragmentShader: `
    void main() {
      gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
    }
  `
});

// 创建网格对象
const mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

// 光线投射
const raycaster = new THREE.Raycaster();
const mouse = new THREE.Vector2();

function onMouseMove(event) {
  mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
  mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
}

function render() {
  raycaster.setFromCamera(mouse, camera);
  const intersects = raycaster.intersectObject(mesh);

  if (intersects.length > 0) {
    // 光线与实例相交，执行相应操作
    intersects[0].object.material.color.set(0xff0000);
  } else {
    // 光线未与实例相交
    mesh.material.color.set(0x00ff00);
  }

  renderer.render(scene, camera);
}

window.addEventListener('mousemove', onMouseMove, false);
window.requestAnimationFrame(render);