Convert Coordinates

Five has provided five.project2d(vector3) to calculate the position of the 3D midpoint to the 2D screen.

five.on(
  "intersectionOnModelUpdate",
  (
    intersection: Intersection, // Focus impact monitoring result
    mesh: IntersectMeshInterface // Focus Ring
  ) => {
    // 3D point in model
    const modelPoint = intersection.point;
    // 2D point on screen
    const cssPoint = project2d(modelPoint, false);
  }
);

Description： with an example

feature

When mouse moves in panorames, we place an image on the position of the mouse circle.