坐标转换

Five 提供了 five.project2d(vector3) 来计算三维空间中点投影到二维屏幕的位置。

five.on(
  "intersectionOnModelUpdate",
  (
    intersection: Intersection, // 焦点碰撞监测结果
    mesh: IntersectMeshInterface // 焦点环
  ) => {
    // 模型中三维点
    const modelPoint = intersection.point;
    // 屏幕中二维点
    const cssPoint = project2d(modelPoint, false);
  }
);

举个示例来说明：

功能

当鼠标移动时全景空间中的鼠标圆环会被重新计算，我们在鼠标圆环的位置上放置一张图片。