使用像素坐标的OpenGL子图像

Question

我已经完成了learnopengl突破系列中的几个教程。com，所以我有一个非常简单的2D渲染器。不过，我想给它添加一个子图像功能，在这里我可以为一种“源矩形”指定一个vec4，因此如果vec4是（10，10，32，32），它将只渲染一个宽度和高度为32的10，10的矩形，有点像SDL渲染器的工作方式。

渲染器的设置方式是所有精灵都使用一个包含纹理坐标的四边形VAO。起初，我认为我可以为每个精灵使用一个VAO数组，每个都有不同的纹理坐标，但我希望能够在绘制精灵之前更改源矩形，以使动画之类的事情更容易。。。我的第二个想法是将一个单独的统一vec4传递到源矩形的片段着色器中，但如何仅以像素坐标渲染该部分？

Answer 1

我最终在顶点着色器中做到了这一点。我将vec4作为统一传递给顶点着色器，以及图像的大小，并使用以下计算：

// convert pixel coordinates to vertex coordinates
float widthPixel = 1.0f / u_imageSize.x;
float heightPixel = 1.0f / u_imageSize.y;

float startX = u_sourceRect.x, startY = u_sourceRect.y, width = u_sourceRect.z, height = u_sourceRect.w;
v_texCoords = vec2(widthPixel * startX + width * widthPixel * texPos.x, heightPixel * startY + height * heightPixel * texPos.y);

v_texCoords是片段着色器用来映射纹理的变化。

Answer 2

使用Primitiv类型GL_TRIANGLE_STRIP或GL_TRIANGLE_FAN来渲染四边形。使用积分一维顶点坐标而不是浮点顶点坐标。顶点坐标是四边形的索引。对于GL_TRIANGLE_FAN，它们是：

vertex 1: 0
vertex 2: 1
vertex 3: 2
vertex 4: 3

使用类型为vec4的统一变量在顶点着色器中设置矩形定义（10,10,32,32）。有了这些信息，可以在顶点着色器中计算顶点坐标：

in int cornerIndex;
uniform vec4 rectangle;

void main()
{
    vec2 vertexArray[4] = 
        vec2[4](rectangle.xy, rectangle.zy, rectangle.zw, rectangle.xw);
    vec2 vertex = vertexArray[cornerIndex];

    // [...]
}

顶点着色器提供内置的输入gl_VertexID，它指定当前正在处理的顶点的索引。在这种情况下，可以使用此变量代替角索引。请注意，顶点着色器不需要有任何显式输入。