<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Row-major matrix test</title>
<link rel="stylesheet" href="https://www.khronos.org/registry/webgl/sdk/tests/resources/js-test-style.css" />
<script src="https://www.khronos.org/registry/webgl/sdk/tests/js/js-test-pre.js"></script>
<script src="https://www.khronos.org/registry/webgl/sdk/tests/js/webgl-test-utils.js"></script>
<script src="https://www.khronos.org/registry/webgl/sdk/tests/js/glsl-conformance-test.js"></script>
</head>
<body>
<div id="description"></div>
<div id="console"></div>
<script id="vshaderUniformMatrixRowMajor" type="x-shader/x-vertex">#version 300 es
out vec2 pos;
in vec4 vPosition;
in vec2 texCoord0;
void main()
{
pos = texCoord0;
pos.y = 1.0 - pos.y;
gl_Position = vPosition;
}
</script>
<script id="fshaderUniformMatrixRowMajor" type="x-shader/x-fragment">#version 300 es
precision mediump float;
in highp vec2 pos;
layout (location = 0) out vec4 my_FragColor;
uniform vec4 m[4];
layout(std140, row_major) uniform type_m2 {
mat4 mat;
} m2;
void main()
{
my_FragColor = vec4(m2.mat[int(floor(pos.x * 4.0))][int(floor(pos.y * 4.0))], 0.0, 0.0, 1.0);
}
</script>
<script type="application/javascript">
"use strict";
description("Row-major matrix layouts should work.");
GLSLConformanceTester.runRenderTests([
{
vShaderId: 'vshaderUniformMatrixRowMajor',
vShaderSuccess: true,
fShaderId: 'fshaderUniformMatrixRowMajor',
fShaderSuccess: true,
linkSuccess: true,
passMsg: '',
uniformBlocks: [{
name: "type_m2", value: new Float32Array([
0, 0.2, 0.4, 0.6,
1, 0.1, 0.3, 0.5,
0, 0, 0, 0,
1, 1, 1, 1,
])
}]
}
], 2);
</script>
</body>
</html>
在win10的Chrome浏览器上81.0.4044.129
我得到的结果:具有row_major限定符的着色器
我不知道为什么会这样。
当我删除row_major限定词时,我得到了另一个结果:
没有row_major限定词的着色器(不关心下图中的html文字,这是column_major)]
这是预期的结果。
UPDATE
要弄清楚:我的问题是,两个结果应该相互转换,因为它们使用相同的矩阵数据。着色器尝试绘制矩阵中从0到1到红色通道的每个浮点数。但是,带有row_major的着色器(第一个结果)显示矩阵中的元素为0或1,但这不是事实。第二个结果恰好达到了预期的效果。
对不起,我以前的回答。我看起来不够近。