立即模式纹理奇怪的输出

Question

我正在尝试使用 OpenGL 的即时模式功能简单地绘制图像。但是，我的输出有点奇怪。我尝试了一些纹理参数 - 但我得到了相同的结果，有时颜色不同。我有点想不通这个问题，但我认为它要么是图像加载要么是纹理设置。我将切入案例，这是我生成纹理的方式（在 Texture2D class 中）：

glBindTexture(GL_TEXTURE_2D, id);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);

随后调用 glTexImage2D，如下所示：glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, _width, _height, 0, GL_RGB, GL_UNSIGNED_BYTE, data);，其中数据是 unsigned char 的数组，设置为 255，白色。然后我使用 CImg 加载一个 PNG 文件，如下所示：

CImg<unsigned char> image(_filename.c_str());
image.resize(m_Width, m_Height);
glBindTexture(GL_TEXTURE_2D, m_ID);
if(image.spectrum() == 4)
{
    unsigned char* data = image.data();
    glTexSubImage2D(GL_TEXTURE_2D, 0, 0, 0, m_Width, m_Height, GL_RGBA,   GL_UNSIGNED_BYTE, data);
}
else if(image.spectrum() == 3)
{
    unsigned char* data = image.data();
    glTexSubImage2D(GL_TEXTURE_2D, 0, 0, 0, m_Width, m_Height, GL_RGB, GL_UNSIGNED_BYTE, data);
}
glBindTexture(GL_TEXTURE_2D, 0);

但是当我尝试像这样在即时模式下绘制纹理时（原点在左上角，请注意纹理周围的红色矩形是故意的）：

void SimpleRenderer::drawTexture(Texture2D* _texture, float _x, float _y, float _width, float _height)
{
    _texture->setActive(0);
    glBegin(GL_QUADS);
      glTexCoord2f(0.0f, 0.0f);
      glVertex2f(_x, _y);

      glTexCoord2f(1.0f, 0.0f);
      glVertex2f(_x + _width, _y);

      glTexCoord2f(1.0f, 1.0f);
      glVertex2f(_x + _width, _y + _height);

      glTexCoord2f(0.0f, 1.0f);
      glVertex2f(_x, _y + _height);
    glEnd();

    glBindTexture(GL_TEXTURE_2D, 0);

    glColor3ub(strokeR, strokeG, strokeB);
    glBegin(GL_LINE_LOOP);
      glVertex2f((GLfloat)_x, (GLfloat)_y);
      glVertex2f((GLfloat)_x+_width, (GLfloat)_y);
      glVertex2f((GLfloat)_x+_width, (GLfloat)_y+_height);
      glVertex2f((GLfloat)_x, (GLfloat)_y+_height);
    glEnd();
}

我希望在矩形内有这样的输出（使用 CImg 在同一个 program/thread 中调试同一个 PNG）：

但我明白了：

谁能发现我的代码有问题？

Answer 1

来自How pixel data are stored with CImg：

The values are not interleaved, and are ordered first along the X,Y,Z and V axis respectively (corresponding to the width,height,depth,dim dimensions), starting from the upper-left pixel to the bottom-right pixel of the instane image, with a classical scanline run.So, a color image with dim=3 and depth=1, will be stored in memory as :R1R2R3R4R5R6......G1G2G3G4G5G6.......B1B2B3B4B5B6.... (i.e following a 'planar' structure)and not as R1G1B1R2G2B2R3G3B3... (interleaved channels),

OpenGL 不适用于平面数据，它需要交错的像素数据。最简单的解决方案是使用 CImg 以外的库。

这不能解决缩放问题，但这是一个很好的起点。

Answer 2

使用 CImg<T>::permute_axes() 将图像缓冲区转换为交错格式，如下所示：

CImg<unsigned char> img("imageRGB.png");
img.permute_axes("cxyz"); // Convert to interleaved representation
// Now, use img.data() here as a pointer for OpenGL functions.
img.permute_axes("yzcx");  // Go back to planar representation (if needed).

CImg 确实是一个很棒的库，所以所有这些类型的转换都已在库中计划。

立即模式纹理奇怪的输出

Immediate mode texturing weird output

c++

opengl

textures

cimg