2

老实说，我试图在下面找到问题的解决方案，请帮助我。对不起我的英语:)

我创建了一张地图，添加了一个相机 + 添加了所有维度的相机控制。

而当我得到光标相对于网格的位置时，位置总是因不同的角度而不同。

查看 jsfiddle.net 中的所有代码：http: //jsfiddle.net/BT3g3/

我使用 Three.js r49。

这段代码只负责计算位置。

function onDocumentMouseMove(event) {
    var vector = new THREE.Vector3(  ( event.clientX / window.innerWidth ) * 2 - 1, - ( event.clientY / window.innerHeight ) * 2 + 1, 1);
    projector.unprojectVector( vector, camera );

    var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
    var intersect = ray.intersectObject( island );  

    if ( intersect.length > 0) { // !!
        document.getElementById('z').value = intersect[0].point.z;
        document.getElementById('x').value = intersect[0].point.x;
    }
}

我在浏览互联网时遇到了一篇文章，其中光标位置被捕获在地图上，但我未能将此方法移至我的项目:(

请帮忙！

4

1 回答 1

1

您是否尝试过以下操作？

mouseX = ( ( event.clientX - canvas.offsetLeft ) / canvas.clientWidth ) * 2 - 1;
mouseY = - ( ( event.clientY - canvas.offsetTop ) / canvas.clientHeight ) * 2 + 1;
于 2013-01-24T05:15:39.173 回答