WebGL2 row_major限定词无法正常工作

问题描述 投票:1回答:1

我刚刚从https://www.khronos.org/registry/webgl/sdk/tests/conformance2/glsl3/matrix-row-major.html?webglVersion=2&dumpShaders=undefined&quiet=0编写了一个演示:

<!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限定词时,我得到了另一个结果:

没有row_major限定词的着色器(不关心下图中的html文字,这是column_major)]

“没有row_major限定符的着色器”

这是预期的结果。


UPDATE

要弄清楚:我的问题是,两个结果应该相互转换,因为它们使用相同的矩阵数据。着色器尝试绘制矩阵中从0到1到红色通道的每个浮点数。但是,带有row_major的着色器(第一个结果)显示矩阵中的元素为0或1,但这不是事实。第二个结果恰好达到了预期的效果。

javascript shader webgl2 opengl-es-3.0 row-major-order
1个回答
0
投票

对不起,我以前的回答。我看起来不够近。

© www.soinside.com 2019 - 2024. All rights reserved.