OpenGL纹理渲染结果与原图不符 出现纹理重复叠加异常

• 纹理上传格式与实际像素通道不匹配
  调用glTexImage2D时硬编码使用GL_RGB作为像素格式，但stbi_load会根据图像实际通道数返回对应结构的像素数据（PNG格式通常为4通道RGBA）。当实际像素为4字节/像素时，OpenGL按3字节/像素的规则读取数据流，会直接造成像素错位，表现为纹理扭曲、重复叠加的错乱效果。
  修复方式：根据stbi_load返回的nrOfChannels动态匹配像素格式：

  GLenum format = nrOfChannels == 1 ? GL_RED :
                  nrOfChannels == 3 ? GL_RGB : GL_RGBA;
  glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, format, GL_UNSIGNED_BYTE, data);
  

• 顶点数据布局与属性指针配置不兼容
  当前代码采用「所有位置数据连续存放、再存所有纹理坐标」的分离式顶点布局，虽然逻辑上通过步长、偏移可以实现对应关系，但这种布局容易和通用的交错式顶点配置混淆。如果步长计算错位，会导致GPU从错误的内存位置读取顶点位置、纹理坐标，原本的正方形会被拆分为多个重叠的三角形，结合默认的纹理重复环绕模式，最终呈现多层叠加的扭曲效果。
  推荐改用通用的交错式顶点布局，降低配置出错概率：
  首先修改顶点数组结构，让每个顶点的位置、纹理坐标连续存放：

  float vertices[] = {
      // 位置              纹理坐标
      0.5f,  0.5f, 0.0f,  1.0f, 1.0f,
      0.5f, -0.5f, 0.0f,  1.0f, 0.0f,
      -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,
      -0.5f,  0.5f, 0.0f, 0.0f, 1.0f,
  };
  

  然后调整顶点属性指针的步长、偏移配置，统一使用单顶点的总字节长度作为步长：

  // 位置属性：步长为5*sizeof(float)，对应每个顶点占5个float的长度
  glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)0);
  glEnableVertexAttribArray(0);
  // 纹理属性：偏移为3*sizeof(float)（位置占3个float的长度），同一步长
  glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3 * sizeof(float)));
  glEnableVertexAttribArray(1);
  

• 缺少必要纹理参数配置，导致纹理不完整
  代码中没有调用glTexParameteri设置纹理的环绕模式与过滤模式，默认配置下纹理会使用重复环绕（GL_REPEAT）、带mipmap的线性过滤。如果纹理尺寸不是2的幂次，在桌面OpenGL兼容模式下无法生成完整的mipmap链，会造成纹理采样行为未定义，出现错乱渲染。
  修复方式：在绑定纹理对象、上传纹理数据后，显式配置纹理参数：

  // 设置纹理坐标的环绕模式
  glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
  glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
  // 设置纹理过滤模式，非2幂尺寸纹理不需要mipmap，直接用基础过滤
  glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
  glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
  

• 未显式绑定采样器的纹理单元
  渲染时虽然把纹理绑定到了默认的纹理单元0，但没有给片元着色器中的Texture采样器uniform显式赋值。部分驱动实现中，采样器的初始值不一定为0，可能造成采样指向错误的纹理单元，导致采样错乱。
  修复方式：在着色器程序链接完成后，获取采样器的uniform位置，显式绑定到对应的纹理单元：

  int textureLoc = glGetUniformLocation(shaderProgram, "Texture");
  glUseProgram(shaderProgram);
  glUniform1i(textureLoc, 0); // 对应纹理单元0
  

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