WebGL 矩阵深度无法正常工作

Question

我对 WebGL 很陌生，但我正在接近理解基础知识。

我正在按照Jacob Seidelin's book 中的说明进行操作，他在其中解释了一些基础知识。 我尝试重建他的一个例子（书中没有直接解释）。

由于某种原因，uModelView 矩阵中的深度在我的应用程序中不起作用。使用 WebGLDebugUtils 我也没有收到任何错误。

当我将 uModelView 矩阵的 z 属性设置为 0 时，立方体的正面会填满屏幕。因为我在顶点中使用-1 到1。

这是我的源代码：[已删除]

着色器位于 index.html 中，应该不是问题。

我使用gl-matrix 进行矩阵转换。

提前致谢。

Answer 1

您没有正确使用 mat4.perspective。查看文档：

https://github.com/toji/gl-matrix/blob/master/gl-matrix.js#L1722

您应该将矩阵添加为最后一个参数（这是首选方式，因为它不会分配任何新对象）：

mat4.perspective(fov, aspect, near, far, matrix);

或将其分配给矩阵：

matrix = mat4.perspective(fov, aspect, near, far);