How to find the coordinates of a raycaster intersection point on an object in a-frame?

Question

I have an entity with the geometry set as plane primitive. How can I know the coordinates of the point on which I clicked (on the entity) using the raycaster/cursor component?

The best would be to the know the coordinates in the system in which the vertices of the geometry were defined at the intersection point.

Answer 1

Check the click event detail for intersection data.

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

This object will contain (https://threejs.org/docs/#api/en/core/Raycaster):

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

So you can use point to see where you clicked.