How to find the object closest to Raycaster in three.js?

Question

JavaScript

Would you like to make THREE.Raycaster() "thicker", so that not only would a direct intersection work, but it would also be possible to find the object closest to the Raycaster?

Answer 1

1. Call the intersectObjects method, get an array of intersection points with the model, take the nearest one
2. Take the vector where they shot (denoted by A), for example, at two points (where they shot from and where they hit)
3. According to some criteria, we get a list of objects that according to a rough estimate, they may be of interest to us (for example, they are not farther than a certain distance, etc.)
4. For each suitable object, we look for a direction vector from the point where the shot was fired from to the center of the object (we denote Bi)
5. We normalize all vectors, we look for the angle between the vectors A and Bi
6. Select the object with the smallest deviation angle

Answer 2

This is usually done through the collision of an invisible cylinder (ray, as a pointer) with other objects...