three 写代码，实现 鼠标指向哪个物体，就生成一个与物体和射线相交的第一个face位置相同，方向相同的plane

以下是一种实现方式：

// 获取所有物体
const objects = scene.children;

// 创建射线
const raycaster = new THREE.Raycaster();

// 创建平面几何体
const planeGeometry = new THREE.PlaneGeometry(500, 500);
const planeMaterial = new THREE.MeshBasicMaterial({
  color: 0xffffff,
  side: THREE.DoubleSide,
});
const plane = new THREE.Mesh(planeGeometry, planeMaterial);
// 初始位置和方向与相机相同
plane.position.copy(camera.position);
plane.quaternion.copy(camera.quaternion);

// 添加平面到场景中
scene.add(plane);

// 监听鼠标移动事件
window.addEventListener("mousemove", onMouseMove);

function onMouseMove(event) {
  // 计算鼠标在屏幕上的位置，范围为[-1, 1]
  const mouse = new THREE.Vector2(
    (event.clientX / window.innerWidth) * 2 - 1,
    -(event.clientY / window.innerHeight) * 2 + 1
  );

  // 从相机位置发射射线
  raycaster.setFromCamera(mouse, camera);

  // 获取与射线相交的所有物体
  const intersects = raycaster.intersectObjects(objects);

  if (intersects.length > 0) {
    // 获取第一个相交的物体
    const intersect = intersects[0];

    // 获取相交处的面
    const face = intersect.face;

    // 将平面位置和方向设置为相交处的面位置和法线方向
    plane.position.copy(intersect.point);
    plane.quaternion.setFromUnitVectors(
      new THREE.Vector3(0, 1, 0),
      intersect.face.normal
    );
  }
}