javascript - 三.JS大坐标交点偏斜

Question

我正在使用 THREE.js 构建游戏。

目前，我在这个位置有一个对象:

(-83645, 476450, 412912)

我正在尝试对此对象进行点击检测。
但是，当我使用 THREE.js 示例站点上所示的光线转换器时，我的光线总是倾斜的。如果我将所有坐标向下倾斜 100，则光线转换效果很好。

我想这可能与规范化期间的除法问题有关，也可能与某处某个除法发生的溢出错误有关。

目前，我正在缩小坐标，但从长远来看，我们希望坐标保持不变。

有人知道为什么大坐标会扭曲我们的光线吗？提前致谢!

编辑:这是一个快速的 fiddle : http://jsfiddle.net/88ehm1yf/

Answer 1

如 this answer 中所述你需要增加你的相机 near 平面距离以避免精度问题。

此外，在您的 CSS 中，设置 body { margin: 0 }，或参见 this answer了解在使用 Raycaster 时如何考虑 Canvas 偏移。

three.js r.73