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.

Accepted Answer

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.

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

Solution

Problem