如何在一帧中的对象上找到raycaster交点的坐标？

Question

我有一个实体,几何设置为平面基元.如何使用raycaster/cursor组件知道我在(在实体上)单击的点的坐标？

最好的是知道系统中的坐标,其中几何体的顶点在交叉点处被定义.

Answer 1

检查交叉点数据的单击事件详细信息.

el.addEventListener('click', function (evt) {
  console.log(evt.detail.intersection);
});

该对象将包含(https://threejs.org/docs/#api/en/core/Raycaster):

[ { distance, point, face, faceIndex, indices, object }, ... ]

因此,您可以使用point查看单击的位置.