Skip to main content

坐标转换

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

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

举个示例来说明:

功能

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