如何为OpenGL ES重写二维OpenGL应用程序？

Question

我正在工作的OpenGL 2D游戏与雪碧图形。最近有人建议我应该使用OpenGL ES调用，因为它是OpenGL的子集，可以让我更容易地将它移植到移动平台上。大部分代码只是调用draw_image函数，其定义如下：

void draw_img(float x, float y, float w, float h, GLuint tex,float r=1,float g=1, float b=1) {
    glColor3f(r,g,b);
    glEnable(GL_TEXTURE_2D);
    glBindTexture(GL_TEXTURE_2D, tex);
    glBegin(GL_QUADS);
        glTexCoord2f(0.0f, 0.0f);
        glVertex2f( x, y);
        glTexCoord2f(1.0f, 0.0f);
        glVertex2f(w+x, y);
        glTexCoord2f(1.0f, 1.0f);
        glVertex2f( w+x, h+y);
        glTexCoord2f(0.0f, 1.0f);
        glVertex2f( x, h+y);
    glEnd();
}

我需要修改什么才能使这个OpenGL ES兼容？另外，我使用固定函数而不是着色器的原因是我在一台不支持GLSL的机器上开发。

Answer 1

在OpenGL ES1.1中，使用glvertexpointer()、glcolorpointer()、gltexcoordpointer()和gldrawarrays()函数来绘制一个四边形。与OpenGL实现相反，您必须描述quad所包含的结构（向量、颜色、纹理坐标），而不是仅仅使用内置的gltexcoord2f、glvertex2f和glcolor3f方法。

下面是一些示例代码，可以做您想做的事情。（我已经使用了您在函数定义中使用的参数名称，因此从示例中移植代码应该很简单。）

首先，您需要为您的四方的一个顶点定义一个结构。这将保存四个顶点的位置，颜色和纹理坐标。

// Define a simple 2D vector
typedef struct Vec2 {
    float x,y;
} Vec2;

// Define a simple 4-byte color
typedef struct Color4B {
    GLbyte r,g,b,a;
};

// Define a suitable quad vertex with a color and tex coords.
typedef struct QuadVertex {
    Vec2 vect;              // 8 bytes
    Color4B color;          // 4 bytes
    Vec2 texCoords;         // 8 bytes
} QuadVertex;

// Define a quad structure
typedef struct Quad {
    QuadVertex tl;
    QuadVertex bl;
    QuadVertex tr;
    QuadVertex br;
} Quad; 

现在，实例化您的四边形并分配四边形顶点信息（位置、颜色、纹理坐标）：

Quad quad;
quad.bl.vect = (Vec2){x,y};
quad.br.vect = (Vec2){w+x,y};
quad.tr.vect = (Vec2){w+x,h+y};
quad.tl.vect = (Vec2){x,h+y};
quad.tl.color = quad.tr.color = quad.bl.color = quad.br.color
              = (Color4B){r,g,b,255};
quad.tl.texCoords = (Vec2){0,0};
quad.tr.texCoords = (Vec2){1,0};
quad.br.texCoords = (Vec2){1,1};
quad.bl.texCoords = (Vec2){0,1};

现在告诉OpenGL如何绘制四边形。对gl...pointer的调用为OpenGL提供了顶点结构值的正确偏移量和大小，因此它以后可以使用这些信息来绘制四边形。

// "Explain" the quad structure to OpenGL ES

#define kQuadSize sizeof(quad.bl)    
long offset = (long)&quad;

// vertex
int diff = offsetof(QuadVertex, vect);
glVertexPointer(2, GL_FLOAT, kQuadSize, (void*)(offset + diff));

// color
diff = offsetof(QuadVertex, color);
glColorPointer(4, GL_UNSIGNED_BYTE, kQuadSize, (void*)(offset + diff));

// texCoods
diff = offsetof(QuadVertex, texCoords);
glTexCoordPointer(2, GL_FLOAT, kQuadSize, (void*)(offset + diff));

最后，分配纹理并绘制四方。gldrawarrays告诉OpenGL使用以前定义的偏移量和包含在quad对象中的值来绘制由4顶点定义的形状。

glBindTexture(GL_TEXTURE_2D, tex);

// Draw the quad
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

glBindTexture(GL_TEXTURE_2D, 0);