我使用THREE.js制作游戏。
目前,我在这个位置有一个对象:
(-83645, 476450, 412912)
我正在尝试对此对象进行点击检测 但是,当我使用如THREE.js示例网站上显示的raycaster时,我的光线总是倾斜的。如果我将所有坐标向下倾斜值100,则光线投射效果很好。
我认为这与规范化过程中的除法问题有关,或者可能是某个部分出现的溢出错误。
目前,我缩小了坐标,但从长远来看,我们希望坐标保持不变。
有没有人知道为什么大坐标会使我们的光线偏斜?提前谢谢!
修改 这是一个快速的小提琴: http://jsfiddle.net/88ehm1yf/
答案 0 :(得分:1)
正如this answer中所述,您需要增加相机near
平面距离,以避免出现精确问题。
此外,在您的CSS中,设置body { margin: 0 }
,或使用Raycaster
查看this answer有关如何计算画布偏移的信息。
three.js r.73