Three.js获取鼠标点击的三维坐标示例代码
由于工作需要，但是对于three.js又是一窍不通，网上的资料又很少，所以上来就让我获取坐标，真是一个头两个大。好歹最后终于实现了。
既然已经是想要获取鼠标点击的三维坐标了，相信你camera对象和scene都已经有了，如果不了解的小伙伴，可以先去看一下这两个对象。这里主要说一下怎么获取到三维坐标，原理性的东西不提。上代码：
function onDocumentMouseDown( event ) {
event.preventDefault();
var vector = new THREE.Vector3();//三维坐标对象
vector.set(
( event.clientX / window.innerWidth ) * 2 - 1,
- ( event.clientY / window.innerHeight ) * 2 + 1,
0.5 );
vector.unproject( camera );
var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize());
var intersects = raycaster.intersectObjects(scene.children);
if (intersects.length > 0) {
var selected = intersects[0];//取第一个物体
console.log("x坐标:"+selected.point.x);
console.log("y坐标:"+selected.point.y);
console.log("z坐标:"+selected.point.z);
}
我理解的就是鼠标点击的时候屏幕收到的是二维坐标，这个二维坐标和相机连线，在视角的方向上延伸，形成一条射线，这条射线会和场景中的物体相交，接收这些相交的所有物体，第一个物体就是离相机最近的，最后一个就是离相机最远的。一般就把第一个相交的物体作为鼠标点击的物体。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍python点击鼠标获取坐标（Graphics），包括了python点击鼠标获取坐标（Graphics）的使用技巧和注意事项，需要的朋友参考一下 使用Python进行图像编程，要使用到Graphics库。下面列举出较常用的代码 接下来使用Graphics库进行编写 出现下面问题：name '_name_'is not defined.出现原因是下划线应该是两个（__'name'__）
-
问题内容： JFreeChart中是否有一种方法可以从ChartMouseEvent中确定鼠标悬停在绘图空间中的x，y坐标？我尝试使用域十字线值，但这似乎不准确并且滞后于实际的鼠标事件。 谢谢， 杰夫 问题答案： 鼠标坐标相对于ChartPanel，因此您需要对其进行转换：
-
问题内容： 我想知道是否可以在Python（Windows）中显示某些图片，然后用鼠标单击该图片并获得此点击相对于图片边缘的坐标。 谢谢！ 问题答案： 是的，一旦您了解了tkinter，这是可能并且非常容易的，这是一个快速脚本： 未经编辑的它将使用默认的窗口坐标系打印到控制台。画布小部件将左上角设为0,0点，因此您可能需要弄混printcoords函数。要获取加载的图片尺寸，可以使用canvas.
-
本文向大家介绍使用js获取鼠标坐标相关面试题，主要包含被问及使用js获取鼠标坐标时的应答技巧和注意事项，需要的朋友参考一下
-
问题内容： 斯威夫特新手。 我在执行一项琐碎的任务时遇到了麻烦。我要做的就是 按需 获取鼠标光标的x，y坐标。我宁可 不要 等到鼠标移动事件触发后再抓住指针的坐标。 将不胜感激！ 问题答案： 您应该看看NSEvent方法mouseLocation 编辑/更新： Xcode 11•Swift 5.1 如果您希望在应用程序处于活动状态时监视任何窗口上的事件，则可以添加与mouseMoved掩码匹配的L
-
我是否也需要一个相机向上向量，这代表什么？ 我在用GLM。