javascript - 三.js点击对象

Question

我一直在尝试制作 this对我来说工作的例子。我快到了。我的问题是我没有使用全屏 Canvas 。我使用的是一个较小的 div，根据分辨率的不同，它的放置方式可能会有所不同。

我所做的工作是获取鼠标在该 div 内单击的坐标，并且单击对象也可以工作。但一切都有点偏移，可点击区域比对象本身更大。

所以我的问题是如何才能使其更加准确。

此代码http://jsfiddle.net/phacer/FHD8W/1/在我的浏览器中有效，但在 JSFiddle 中无效。那么在这种情况下，我如何单击我的对象？

我认为第 180 行是错误的。

var vector = new THREE.Vector3((x / WIDTH) / 1 - 1, -(y / HEIGHT) / 1 + 1, 0.5);

Answer 1

你们非常接近。最大的问题是使用旧的 r54 库。从 r58 开始，光线转换变得更好了。所以看看这个新 fiddle http://jsfiddle.net/FHD8W/3/我删除了 r54 链接并向 github.io 添加了外部资源。

另外，你是对的，第 180 行需要稍微调整一下，如下所示:

var vector = new THREE.Vector3((x / WIDTH) * 2 - 1, -(y / HEIGHT) * 2 + 1, 0.5);

应该可以了