OpenGL如何同时渲染带纹理文字四边形与无纹理纯色四边形？

方案1：给现有Shader加个纹理开关，一套走到底 #

你的文字Shader本来就支持纹理采样，加个uniform bool use_texture变量就能兼容纯色渲染：

• 顶点着色器保留纹理坐标的传递就行，纯色矩形的纹理坐标随便传（比如全0），不影响结果
• 片段着色器逻辑改成这样：

uniform sampler2D text_tex;
uniform bool use_texture;
uniform vec3 solid_color;
in vec2 tex_coord;

void main() {
    gl_FragColor = use_texture ? texture(text_tex, tex_coord) : vec4(solid_color, 1.0);
}

渲染流程：

1. 绑定现有VAO/VBO，设置use_texture = true，绑定文字纹理，绘制文字四边形
2. 不用换VAO/VBO，要么更新VBO里的顶点数据为矩形的位置（纹理坐标随便填），要么提前把两个四边形的顶点+纹理坐标都塞进VBO，用glDrawArrays的起始索引和数量分别绘制。然后设置use_texture = false，传入你要的纯色，绘制矩形

方案2：把两个四边形的数据塞同一个VBO，分批次绘制 #

如果不想改Shader，也可以把文字和矩形的顶点数据（包括纹理坐标）都放同一个VBO里：

• 文字的顶点带有效纹理坐标，矩形的顶点纹理坐标填(0,0)就行
  渲染时：

1. 绑定纹理，调用glDrawArrays(GL_TRIANGLE_STRIP, 0, 4)绘制文字
2. 解绑纹理（glBindTexture(GL_TEXTURE_2D, 0)），如果你的Shader在纹理绑定0时会输出纯色（或者加个uniform控制颜色），再调用glDrawArrays(GL_TRIANGLE_STRIP, 4, 4)绘制矩形

方案3：动态启用/禁用纹理坐标属性 #

你可以保留VAO里的纹理坐标属性，绘制矩形时把它禁用：

• 画文字：glEnableVertexAttribArray(tex_coord_loc)，绑定纹理，绘制
• 画矩形：glDisableVertexAttribArray(tex_coord_loc)，设置纯色，绘制
  这种方式要求Shader能处理纹理坐标未启用的情况（比如默认用0值），不过部分驱动可能有兼容性问题，不如前两个方案靠谱

什么时候才需要两套资源？ #

只有当文字Shader的逻辑特别复杂（比如带字形抗锯齿、颜色渐变之类的），和纯色矩形的Shader完全不搭时，分开两套VAO/VBO/Shader才更合理。一般场景下，复用一套资源足够高效。

内容的提问来源于stack exchange，提问作者JS4137