2

我通过阅读 Apress 的 HTML5 开始 WebGl 开始学习 webgl，它推荐 gl-matrix.js 来处理矩阵运算，当使用 mat4.translate 函数时，它具有以下实现

mat4.translate = function (out, a, v) {
    var x = v[0], y = v[1], z = v[2],
    a00, a01, a02, a03,
    a10, a11, a12, a13,
    a20, a21, a22, a23;

if (a === out) {
    out[12] = a[0] * x + a[4] * y + a[8] * z + a[12];
    out[13] = a[1] * x + a[5] * y + a[9] * z + a[13];
    out[14] = a[2] * x + a[6] * y + a[10] * z + a[14];
    out[15] = a[3] * x + a[7] * y + a[11] * z + a[15];
} else {
    a00 = a[0]; a01 = a[1]; a02 = a[2]; a03 = a[3];
    a10 = a[4]; a11 = a[5]; a12 = a[6]; a13 = a[7];
    a20 = a[8]; a21 = a[9]; a22 = a[10]; a23 = a[11];

    out[0] = a00; out[1] = a01; out[2] = a02; out[3] = a03;
    out[4] = a10; out[5] = a11; out[6] = a12; out[7] = a13;
    out[8] = a20; out[9] = a21; out[10] = a22; out[11] = a23;

    out[12] = a00 * x + a10 * y + a20 * z + a[12];
    out[13] = a01 * x + a11 * y + a21 * z + a[13];
    out[14] = a02 * x + a12 * y + a22 * z + a[14];
    out[15] = a03 * x + a13 * y + a23 * z + a[15];
}

return out;

};

通过以下调用 

mat4.translate(mvMatrix,[0, 0, -2.0]);

我收到以下错误：尝试分配 vec3 v 组件时给出“无法读取未定义的属性 0”。

有什么帮助吗？问候

4

4 回答 4

3

本书使用的 glMatrix 版本很可能是1.3.7，而最近发布的版本是 2.1.0。自 2.0 起，界面已更改以保持一致性，与您在书中看到的不符。

如果您想使用最新最好的 glMatrix，您需要参考文档以获取正确的参数。否则只需下载 1.3.7 并按照书中的说明使用它。

于 2013-03-01T15:41:23.667 回答
3

更新 gl-matrix 中的新 API：

mat4.perspective(pMatrix, 45, canvas.width / canvas.height, 0.1, 100.0);                                                               
mat4.identity(mvMatrix);                                     
mat4.translate(mvMatrix, mvMatrix, [0, 0, -2.0]);
于 2013-12-21T16:19:08.260 回答
1

旧 API：gl-matrix-1.x

mat4.perspective(45, gl.viewportWidth / gl.viewportHeight, 0.1, 100.0, pMatrix);
mat4.identity(mvMatrix);
mat4.translate(mvMatrix, [-1.5, 0.0, -7.0]);

新 API：gl-matrix-2.x

mat4.perspective(pMatrix, 45, canvas.width / canvas.height, 0.1, 100.0);                                                               
mat4.identity(mvMatrix);
mat4.translate(mvMatrix, mvMatrix, [-1.5, 0.0, -7.0]);
于 2015-12-29T15:22:52.283 回答
0

是的，我在最新的 glmatrix.min.js 中遇到了同样的问题。但是，在使用来自https://www.versioneye.com/javascript/toji:gl-matrix/1.3.7的1.3.7 版后 ，它得到了解决。

于 2016-09-02T07:39:08.523 回答