Hover functionality with THREE.points and raycaster

[Fennec]

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.

Raycaster don't intersect with geometry points after updating the position vertices

The raycasting logic uses the bounding sphere of geometries for better performance. If you change the position of vertices, you should always recompute it. Updated fiddle: three.js ~ example ~ Mr.doob - JSFiddle - Code Playground You eventually need points.geometry.computeBoundingSphere(); in your endMove() function.