OpenGL ES - 如何使用/不同的 Alpha、旋转和比例批量渲染 500 多个粒子？

我正在开发一款 iOS 游戏，需要一次渲染 500-800 个粒子。我了解到，在 OpenGL ES 中批量渲染许多精灵而不是调用是一个好主意glDrawArrays(..)在游戏中的每个精灵上，以便能够渲染更多精灵而不大幅降低帧速率。

我的问题是： 我如何batch渲染 500 多个粒子，它们都具有不同的 Alpha、旋转和比例，但共享相同的纹理图集？这个问题的重点在于不同的 alphas, 旋转, and scales对于每个粒子。

我意识到这个问题非常类似于如何在 iPhone OpenGL ES 粒子系统中绘制 1000 多个粒子（具有独特的旋转、缩放和 Alpha）而不减慢游戏速度？ https://stackoverflow.com/questions/7435123/how-do-i-draw-1000-particles-w-unique-rotation-scale-and-alpha-in-iphone-o然而，这个问题并没有解决批量渲染的问题。在利用顶点缓冲区对象之前，我想了解 OpenGL ES 中的批量渲染，以及独特的 alpha、旋转和缩放（但具有相同的纹理）。因此，虽然我计划最终使用 VBO，但我想首先采用这种方法。

代码示例将不胜感激，如果您像某些示例一样使用索引数组，请解释索引数组的结构和用途。

EDIT我正在使用 OpenGL ES 1.1。

EDIT下面是我如何渲染场景中每个粒子的代码示例。假设它们共享相同的纹理，并且在执行此代码之前该纹理已绑定在 OpenGL ES 1.1 中。

- (void) render {

    glPushMatrix();

    glTranslatef(translation.x, translation.y, translation.z);

    glRotatef(rotation.x, 1, 0, 0);
    glRotatef(rotation.y, 0, 1, 0);
    glRotatef(rotation.z, 0, 0, 1);

    glScalef(scale.x, scale.y, scale.z);

    // change alpha
    glColor4f(1.0, 1.0, 1.0, alpha);

    // glBindTexture(GL_TEXTURE_2D, texture[0]);

    glVertexPointer(2, GL_FLOAT, 0, texturedQuad.vertices);
    glEnableClientState(GL_VERTEX_ARRAY);


    glTexCoordPointer(2, GL_FLOAT, 0, texturedQuad.textureCoords);
    glEnableClientState(GL_TEXTURE_COORD_ARRAY);

    glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

    glDisableClientState(GL_VERTEX_ARRAY);
    glDisableClientState(GL_TEXTURE_COORD_ARRAY);
    glPopMatrix();
}

此方法的替代代码将不胜感激！

一种可能性是将这些值包含在顶点属性数组中 - 我认为这是最好的选择。如果您使用的是 OpenGL ES 1.1 而不是 2.0，那么您就无法使用此方法。顶点 attrib 数组允许您在每个顶点存储值，在这种情况下，您可以将 alpha 和旋转分别存储在它们自己的 attrib 数组中，并将它们传递给着色器glVertexAttribArray。然后着色器将使用 Alpha 进行旋转变换和颜色处理。

另一种选择是在 CPU 上进行旋转变换，然后将具有相似 alpha 值的粒子批处理到多个绘制调用中。此版本需要更多的工作，并且不会是单个绘制调用，但如果着色器不是一个选项，它仍然有助于优化。

注意：您链接到的问题还推荐了数组解决方案

EDIT:鉴于您的代码是 OpenGL ES 1.0，这里有一个使用的解决方案glColorPointer:

// allocate buffers to store an array of all particle data
verticesBuffer = ... 
texCoordBuffer = ...
colorBuffer = ...

for (particle in allParticles)
{
  // Create matrix from rotation
  rotMatrix = matrix(particle.rotation.x, particle.rotation.y, particle.rotation.z)
  // Transform particle by matrix
  verticesBuffer[i] = particle.vertices * rotMatrix

  // copy other data
  texCoordBuffer[i] = particle.texCoords;
  colorBuffer[i] = color(1.0, 1.0, 1.0, particle.alpha);
}

glVertexPointer(verticesBuffer, ...)
glTexCoordPointer(texCoodBuffer, ...)
glColorPointer(colorBuffer, ...)

glDrawArrays(particleCount * 4, ...);

此解决方案的一个很好的优化是共享每个渲染的缓冲区，这样您就不必在每一帧都重新分配它们。