鼠标坐标到游戏坐标WebGL

Question

我正在尝试将鼠标的x，y坐标转换为webgl画布的3d世界坐标。 我已经使其部分工作，但是当世界在任何轴上旋转时，都会遇到一些麻烦。

我正在使用unproject方法，该方法获取射线的起点/终点，然后对法线为0、1、0且使用的点为0、0、0的平面进行线到面碰撞测试。

您可以通过查看源代码在wingsofexodus.com上找到代码。 使用的功能是RtoW（现实世界，用于鼠标到世界的转换），lpi（线平面相交测试）和取消投影。

自从我不得不做任何矩阵/矢量数学并经过很长时间证明很难清除灰尘以来，已经很久了。

该网站的运行速度可能很慢，我的互联网连接不是很好。 如果证明有麻烦，我将代码复制到此处。

任何帮助或链接可能会有所帮助，不胜感激。

Answer 1

您有正确的主意，但我看到两个错误和一个不必要的麻烦：

• 复杂性：与其复制代码以从旋转角度等计算视图矩阵，不如在计算时（在drawScene的开头）保存它的副本，并使用它代替mm 。 或者，确保矩阵堆栈是在正确的地方，并有unproject只使用mvMatrix 。 这样可以避免错误。
• 您在处理非RtoW结果（在RtoW ）时参考了翻译。 这是一个错误，因为翻译已经包含在mm ； 您将其加倍或取消。 取消投影鼠标坐标后，您将拥有在进行射线碰撞测试之前无需进一步修改的世界坐标 。
• 在unproject中，您在将视图矩阵与投影矩阵相乘之前先将其反转。 您可以执行（pseudocode） invert(view)*invert(projection)或（cheaper） invert(projection*view) ，但是您当前正在执行invert(projection*invert(view)) ，这是错误的。

这些就是让我大吃一惊的东西，但是我还没有阅读您所有的代码。 当我将其与自己的相同版本进行比较时，取消投影看起来可以。