GLSL 中的矩阵翻译被无限拉伸答案

【问题标题】：Matrix Translation in GLSL is infinitely stretchedGLSL 中的矩阵翻译被无限拉伸
【发布时间】：2017-10-16 05:00:55
【问题描述】：

我使用 webgl 并修改着色器（vs.glsls 和 fs.glsl）以了解 GLSL 和图形编程。我有一个想要缩放、旋转和平移的模型。缩放和旋转效果很好，但是当我乘以平移矩阵时，结果很奇怪。我知道这是一个非常基本的问题，但我遗漏了一些东西，我需要找出来。我的模型在 y 轴上被无限拉伸。

白色区域应该是模型的眼睛：

这是我的顶点着色器代码：

mat4 rX = mat4 (
 1.0, 0.0, 0.0, 0.0,
 0.0, 0.0, -1.0, 0.0,
 0.0, 1.0, 0.0, 0.0,
 0.0, 0.0, 0.0, 1.0
 );

mat4 rZ = mat4 (
 0.0, 1.0, 0.0, 0.0,
 -1.0, 0.0, 0.0, 0.0,
 0.0, 0.0, 1.0, 0.0,
 0.0, 0.0, 0.0, 1.0
 );

mat4 eyeScale = mat4 (
 .50,0.0,0.0,0.0,
 0.0,.50,0.0,0.0,
 0.0,0.0,.50,0.0,
 0.0,0.0,0.0,1.0
 );
mat4 eyeTrans = mat4(
1.0,0.0,0.0,0.0,
0.0,1.0,0.0,4.0,
0.0,0.0,1.0,0.0,
0.0,0.0,0.0,1.0
);
 mat4 iR = eyeTrans*rZ*rX*eyeScale;
 gl_Position = projectionMatrix * modelViewMatrix  *iR* vec4(position, 1.0);
}

【问题讨论】：

@Rabbid76 我又试了一次，结果一样。它不是翻译模型，而是拉伸模型。我将在问题中添加图片，以便您查看结果。

标签： matrix opengl-es glsl webgl coordinate-transformation

【解决方案1】：

在设置平移矩阵时交换了行和列

改成：

mat4 eyeTrans = mat4(
    1.0, 0.0, 0.0, 0.0,
    0.0, 1.0, 0.0, 0.0,
    0.0, 0.0, 1.0, 0.0,
    0.0, 4.0, 0.0, 1.0
);

一个 4*4 矩阵如下所示：

  c0  c1  c2  c3            c0  c1  c2  c3
[ Xx  Yx  Zx  Tx ]        [  0   4   8  12 ]     
[ Xy  Yy  Zy  Ty ]        [  1   5   9  13 ]     
[ Xz  Yz  Zz  Tz ]        [  2   6  10  14 ]     
[  0   0   0   1 ]        [  3   7  11  15 ]

在 GLSL 中，列的寻址方式如下：

vec4 c0 = eyeTrans[0].xyzw;
vec4 c1 = eyeTrans[1].xyzw;
vec4 c2 = eyeTrans[2].xyzw;
vec4 c3 = eyeTrans[3].xyzw;

而一个 4*4 矩阵的内存映像是这样的：

[ Xx, Xy, Xz, 0, Yx, Yy, Yz, 0, Zx, Zy, Zz, 0, Tx, Ty, Tz, 1 ]

进一步了解：

GLSL 4×4 Matrix Fields

【讨论】：