As you can see, when hovering, sometimes the point does not get selected correctly. There are multple times when this fails. Is there any surefire way of doing this so that it selectes the points correctly? This problem is especially evident when zooming in.
Also i feel like some of this could be outdated. whats the latest cleanest way to go about implementing this?
Not sure if it’s related, but I had a similar problem a while ago. It was related to the geometry’s bounding sphere. Basically you have to update the <Particles /> geometry bounding sphere after each update.
this is a threshold problem. i don’t know why this has to be so hard in threejs but essentially you have to give the raycaster a fixed threshold which it will use to approximate points. but once you zoom in that threshold has to be adapted.