glsl片段着色器计算纹理位置

Question

我正在编写一个片段着色器，用于将包含任意字节数组的一维纹理渲染为一种条形码。 我的想法是将每个字节编码为对角线划分的正方形（因此 4 个三角形中的每一个代表 2 位），如下所示：

 _____
|\ A /|  each byte encoded as binary is DDCCBBAA,
| \ / |  the colors are: Red   if 11
|D X B|                  Green if 10
| / \ |                  Blue  if 01
|/ C \|                  Black if 00
 ¯¯¯¯¯   so color can be calculated as: [(H & L), (H & !L), (!H & L)]

so for example: 198 == 11 00 01 10 would be:
 _____                 DD CC BB AA
|\ G /| 
| \ / | A=10=Green
|R X B| B=01=Blue
| / \ | C=00=Black
|/ b \| D=11=Red
 ¯¯¯¯¯  (B=Blue, b=Black)

到目前为止，我得到的是一个将 2 个布尔值（示例符号中的 H，L）编码为 vec3 颜色的函数，以及一个用于编码字节和“角索引”（A/B/C/D 在示例）进入颜色：

#version 400
out vec4 gl_FragColor; // the output fragment
in vec2 vf_texcoord; // normalized texture coords, 0/0=top/left
uniform isampler1D uf_texture; // the input data
uniform int uf_texLen; // the input data's byte count
vec3 encodeColor(bool H, bool L){
  return vec3(H&&L,H&&!L,!H&&L);
}
vec3 encodeByte(int data,int corner){
  int maskL = 1 << corner;
  int maskH = maskL << 1;
  int shiftL = corner/2;
  int shiftH = shiftL+1;
  bool H=bool((data&maskH)>>shiftH);
  bool L=bool((data&maskL)>>shiftL);
  return encodeColor(H,L);
}
void main(void) {

  // the part I can't figure out

  gl_FragColor.rgb=encodeByte(/* some stuff calculated by the part above*/);
  gl_FragColor.a=1;
}

问题是我不知道如何计算要编码的字节以及当前片段在哪个“角落”。

Answer 1

（注意，这里的代码是我头脑中的，未经测试，我也没有写很多 GLSL。变量名很草率，我可能犯了一些愚蠢的语法错误，但它应该足以传达这个想法。）

您需要做的第一件事是将纹理坐标转换为数据索引（显示颜色的正方形）和一组修改后的纹理坐标，这些坐标代表在该正方形内的位置。

对于水平排列，您可以执行以下操作：

float temp = vf_texcoord.x * uf_texLen;
float temp2 = floor(temp);
int dataIndex = temp2;
vec2 squareTexcoord = { temp2 - temp, vf_texcoord.y };

然后你会使用squareTexcoord 来决定你在正方形的哪个象限：

int corner;
vec2 squareTexcoord2 = squareTexcoord - { 0.5, 0.5 }
if (abs(squareTexcoord2.x) > abs(squareTexcoord2.y)) {  // Left or right triangle
    if (squareTexcoord2.x > 0) {  // Right triangle
        corner = 0;
    }
    else {  // Left triangle
        corner = 1;
    }
}
else {  // Top or bottom triangle
    if (squareTexcoord2.y > 0) {  // Bottom triangle
        corner = 2;
    }
    else {  // Top triangle
        corner = 3;
    }
}

现在您已经拥有了着色所需的一切：

gl_FragColor = { encodeByte(int(texelFetch(uf_texture,dataIndex,0).r), corner), 1.0 };