HTML / CSS Interfering with raycaster... I guess

[Mugen87]

Can you please try to compute your mouse coordinates like suggested here:

[SOLVED] Raycaster on mouse click laggs an action behind

This problem occurs when the canvas if not full screen. You can use the canvas bounds instead of the window width/height like so var canvasBounds = renderer.domElement.getBoundingClientRect(); mouse.x = ( ( event.clientX - canvasBounds.left ) / ( canvasBounds.right - canvasBounds.left ) ) * 2 - 1; mouse.y = - ( ( event.clientY - canvasBounds.top ) / ( canvasBounds.bottom - canvasBounds.top) ) * 2 + 1; raycaster.setFromCamera( mouse, camera ); http://jsfiddle.net/rv41kzuy/38/

Does it make any difference?

Besides, keep in in that passing true to Raycaster.intersectObjects() means the given array is recursively tested for intersections. If the visual elements of your coordinate system is composed of a hierarchy of objects, you definitely want to pass true to this method. Otherwise you might detect no intersections at all.