Three.js點擊對象

Question

我一直在努力使這個例子對我有用。 我快到了。 我的問題是我沒有使用全屏畫布。 我使用的是較小的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開始，Raycasting變得更好了。 因此，請查看這個新的小提琴http://jsfiddle.net/FHD8W/3/。我刪除了r54鏈接，並在github.io中添加了外部資源。

另外，您是正確的，第180行需要進行一些微調，如下所示：

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

那應該做