THREE.JS交点偏斜与大坐标

时间:2015-05-29 22:28:24

标签: javascript three.js raycasting

我使用THREE.js制作游戏。

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

(-83645, 476450, 412912)

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

我认为这与规范化过程中的除法问题有关,或者可能是某个部分出现的溢出错误。

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

有没有人知道为什么大坐标会使我们的光线偏斜?提前谢谢!

修改 这是一个快速的小提琴: http://jsfiddle.net/88ehm1yf/

1 个答案:

答案 0 :(得分:1)

正如this answer中所述,您需要增加相机near平面距离,以避免出现精确问题。

此外,在您的CSS中,设置body { margin: 0 },或使用Raycaster查看this answer有关如何计算画布偏移的信息。

three.js r.73