为什么我的片段着色器中的纹理坐标总是 (0, 0)？

Question

我正在使用 LWJGL 在屏幕上绘制“图块”或带纹理的 2D 方块。但是，纹理坐标始终为 (0, 0)，因此纹理正方形仅使用第一个像素颜色来填充它。

这是我的顶点着色器：

#version 330 core

in vec4 in_Position;
in vec4 in_Color;
in vec2 in_TextureCoord;

out vec4 pass_Color;
out vec2 pass_TextureCoord;

void main(void) {
    gl_Position = in_Position;

    pass_Color = in_Color;
    pass_TextureCoord = in_TextureCoord;
} 

这是我的片段着色器：

#version 330 core

uniform sampler2D texture_diffuse;

in vec4 pass_Color;
in vec2 pass_TextureCoord;

out vec4 out_Color;

void main(void) {
    out_Color = pass_Color;
    // Override out_Color with our texture pixel
    out_Color = texture(texture_diffuse, pass_TextureCoord);
} 

这实际上是我用来绘制正方形的代码：

ARBShaderObjects.glUseProgramObjectARB(shaderProgram);  

glBindTexture(GL_TEXTURE_2D, sprite.getId());

glBegin(GL11.GL_QUADS); 
glVertex2d(screenMinX, screenMinY);
glTexCoord2d(0.0, 0.0);
glVertex2d(screenMaxX, screenMinY);
glTexCoord2d(1.0, 0.0);
glVertex2d(screenMaxX, screenMaxY);
glTexCoord2d(1.0, 1.0);
glVertex2d(screenMinX, screenMaxY);
glTexCoord2d(0.0, 1.0);
glEnd();

// release the shader
ARBShaderObjects.glUseProgramObjectARB(0);

我无法修复它，因为我不知道上面的代码是如何工作的。我没有告诉着色器in_Position、in_Color 或in_TextureCoord 是什么，但前两个似乎工作得很好。它是in_TextureCoord，最终传递给片段着色器，它似乎有一个恒定值 (0, 0) - 我已经确定通过将片段着色器的输出颜色设置为具有等于的通道之一纹理坐标的 X 坐标。它在整个正方形中保持纯色，表明纹理坐标没有变化。

用上面的代码生成的正方形应该是有纹理的，而是涂成纯色 - 给定纹理的第一个像素。如何更改代码以使纹理坐标相应更改？如果我似乎对这一切如何组合在一起有一些误解，请纠正我。

This 是我用来完成上述任务的教程。

附言我知道 Java sn-p 正在使用deprecated immediate-mode，但我不知道如何使用 glDrawArrays 或任何其他常用的方法来完成相同的操作。你能帮我改一下吗？

Answer 1

我知道 Java sn-p 正在使用已弃用的立即模式，但我不知道如何使用 glDrawArrays 或任何其他通常建议的方法来完成相同的操作。你能帮我改一下吗？

由于您不再需要属性in_Color，您必须从顶点着色器中删除该属性（当然还有从顶点着色器和片段着色器中删除pass_Color）。
否则，您必须通过颜色属性在逻辑上扩展我的解决方案。

为顶点位置和纹理坐标设置一个数组：

float[] posData = {
    screenMinX, screenMinY, 0.0, 1.0,
    screenMaxX, screenMinY, 0.0, 1.0,
    screenMaxX, screenMaxY, 0.0, 1.0,
    screenMinX, screenMaxY, 0.0, 1.0 };

float[] texData = { 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0 };

生成一个顶点数组对象：

int  vaoObj = glGenVertexArrays();
glBindVertexArray(vaoObj);

为顶点和纹理坐标生成数组缓冲区，启用属性索引并将它们关联到属性索引的缓冲区：

FloatBuffer posBuffer = MemoryUtil.memAllocFloat(posData.length);
posBuffer.put(posData).flip();
FloatBuffer texBuffer = MemoryUtil.memAllocFloat(texData.length);
texBuffer.put(texData).flip();

int vboPosObj = glGenBuffers();
glBindBuffer(GL_ARRAY_BUFFER, vboPosObj);
glBufferData(GL_ARRAY_BUFFER, posBuffer, GL_STATIC_DRAW);

// index 0 to associate with "in_Position"            
glVertexAttribPointer(0, 4, GL_FLOAT, false, 0, 0); 
glEnableVertexAttribArray(0); // 0 = attribute index of "in_Position"

int vboTexObj = glGenBuffers();
glBindBuffer(GL_ARRAY_BUFFER, vboTexObj);
glBufferData(GL_ARRAY_BUFFER, texBuffer, GL_STATIC_DRAW);

// index 0 to associate with "in_TextureCoord"
glVertexAttribPointer(1, 2, GL_FLOAT, false, 0, 0);
glEnableVertexAttribArray(1); // 1 = attribute index of "in_TextureCoord"

释放顶点数组对象：

glBindBuffer(GL_ARRAY_BUFFER, 0);
glBindVertexArray(0);

您必须指定属性in_Position 和in_TextureCoord 的属性索引。

要么在顶点着色器中使用显式布局规范：

layout (location = 0) in vec4 in_Position;
layout (location = 1) in vec2 in_TextureCoord;

或者您在着色器程序中指定属性索引，在链接着色器程序之前（glLinkProgram）。

glBindAttribLocation(shaderProgramID, 0, "in_Position");
glBindAttribLocation(shaderProgramID, 1, "in_TextureCoord");

如果要绘制对象，绑定顶点数组对象就足够了：

glBindVertexArray(vaoObj);
glDrawArrays(GL_QUADS, 0, 4); // 4 = number of vertices 
glBindVertexArray(0);

注意，如果缓冲区对象或顶点数组对象没有被进一步使用，则必须将其删除，以防止内存泄漏。缓冲区对象被glDeleteBuffers 删除，顶点数组对象被glDeleteVertexArrays 删除。 缓冲区对象不是“在”顶点数组对象下“创建”的，仅删除顶点数组对象是不够的（参见OpenGL Vertex Array/Buffer Objects）

Answer 2

如果您使用需要使用框来显示一些适合整个框区域的纹理图像，您可以使用两个三角形，并使用以下参数用于 -1,-1 到 1,1 区域（可以与适当的着色器显示）。

顶点（两个三角形坐标）：

-1.0f, 1.0f, 0.0f,
-1.0f, -1.0f, 0.0f,
1.0f, 1.0f, 0.0f,
1.0f, 1.0f, 0.0f,
-1.0f, -1.0f, 0.0f,
1.0f, -1.0f, 0.0f

然后使用可以使用以下纹理坐标进行全尺寸：

0.0f, 1.0f,
0.0f, 0.0f,
1.0f, 1.0f,
1.0f, 1.0f,
0.0f, 0.0f,
1.0f, 0.0f