如何使用three.js获取鼠标位置？

Question

嗨，我正在使用IcosahedronGeometry。在此过程中，我向其每个顶点添加了CircleGeometry。因此，现在我的要求是，当鼠标移向圆圈时，圆圈应感测鼠标移动，并且应向鼠标移。为此，我在圆周围创建了一个RingGeometry。因此，如果鼠标移向环，则圆圈应感测鼠标的位置。

但是我无法获得鼠标位置。我正在使用raycaster，是否还有其他替代方法可以找到鼠标的位置？

Answer 1

Raycaster 是标准方法：

mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
raycaster.setFromCamera( mouse.clone(), camera );   

var objects = raycaster.intersectObjects(scene.children);

http://jsfiddle.net/nhvff8ra/6/

Answer 2

您在寻找这样的东西吗？

var cursorX;
var cursorY;
document.onmousemove = function(e){
    cursorX = e.pageX;
    cursorY = e.pageY;
}
setInterval("checkCursor()", 1000);
function checkCursor(){
    alert("Cursor at: " + cursorX + ", " + cursorY);
}