WebGL 旋转功能答案

【问题标题】：WebGL rotate functionWebGL 旋转功能
【发布时间】：2018-05-10 22:27:45
【问题描述】：

我正在尝试使用 WebGL 了解矩阵的旋转。

我得到了这个 mat4() 矩阵，我必须应用这些转换：

m = translate(torsoHeight+1*headHeight, 5, 0.0); 
m = mult(m, rotate(theta[head1Id], 1, 0, 0))
m = mult(m, rotate(theta[head2Id], 0, 1, 0));
m = mult(m, translate(0.0, -0.5*headHeight, 0.0));
figure[headId] = createNode( m, head, leftUpperArmId, null);
break;

我不明白 mult 函数是如何工作的。第一个参数是我的矩阵。 theta[] 就是这样构建的：

var theta = [0, 0, 0, 0, 0, 0, 180, 0, 180, 0, 0];

和

var headId  = 1;
var head1Id = 1;
var head2Id = 10;

如果我认为第二个参数是另一个使用 rotate() 函数构建的矩阵，我是对的吗？在这种情况下，旋转功能如何工作？

【问题讨论】：

I'd recommend these articles。解释旋转之前的，展开为 3D 之后的。

标签： rotation webgl

【解决方案1】：

rotate 和 translate 是创建矩阵的函数。

rotate 看起来它的参数是 (angle, vectorx, vectory, vectorz) 以创建围绕给定向量的矩阵旋转点。

mult 是 4x4 矩阵的标准数学乘法。

您可能应该深入研究线性代数教程，例如https://open.gl/transformations

【讨论】：