1

我一直在学习 OpenGL，并且能够使用三角形条创建一个成功的 2d 绘图系统。我编写了一个粒子生成器来测试几何体的批处理，一切正常，我能够在 iPhone 5 上以 60 fps 的速度渲染 30k+ 个顶点。我使用退化三角形连接粒子并立即绘制它们。我想要完成的是在不使用退化三角形的情况下进行批量渲染，因为这会将发送到 GPU 的数据量减少 1/3，这将是巨大的。

我正在尝试使用带有三角形的 glDrawElements 使用以下代码绘制 2 个精灵

//the vertices for the square (2d)
GLfloat square[] = {
    50, 50,  //bottom left
    100, 50, //bottom right
    50, 100, //top left
    100, 100, //top right

    150, 200,  //bottom left
    200, 150, //bottom right
    150, 200, //top left
    200, 200 //top right
};

//texture coords
GLfloat tex[] = {
    0,0,
    1,0,
    0,1,
    1,1,

    0,0,
    1,0,
    0,1,
    1,1
};

GLubyte indices[] =
{
    0,2,3, 
    0,3,1,

    0,2,3,
    0,3,1
};

//actual drawing code
glBindBuffer(GL_ARRAY_BUFFER, 0);
glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0);
glVertexAttribPointer(ATTRIB_VERTEX, 2, GL_FLOAT, GL_FALSE, 0, square);
glVertexAttribPointer(ATTRIB_TEX, 2, GL_FLOAT, GL_FALSE, 0, tex);

glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, image);

glDrawElements(GL_TRIANGLES, 12, GL_UNSIGNED_BYTE, indices);

此代码毫无问题地绘制了第一张图像，但第二张图像失真了。我一直在网上寻找，但一直无法弄清楚如何使它正常工作。

4

1 回答 1

0

首先，您当前对两个四边形使用相同的索引，因此第二张图像甚至根本不可见。

除了第二个四边形的顶点数据混乱之外，您有(150, 200)两次要点，第一次可能应该是(150, 150).

于 2013-03-21T01:15:15.227 回答