GLKit 绘图优化：索引绘图 + 纹理颜色混合

IOS

2023-11-05 18:59:07

导言

在上一篇 OpenGL ES 案例中，我们探索了如何使用 GLKit 进行索引绘图，从而提升绘制效率。本篇案例我们将更进一步，探讨如何将纹理和颜色混合应用于索引绘图，打造更加丰富的图形效果。

** 纹理颜色混合**

纹理颜色混合是指将纹理和颜色值相结合，创建新的颜色值用于填充图形。这种技术广泛应用于 3D 游戏和图形设计中，因为它可以产生更逼真、更具深度的效果。

GLKit 提供了两种类型的纹理颜色混合模式：

GL_MODULATE ：将纹理颜色与片段颜色相乘。
GL_ADD ：将纹理颜色与片段颜色相加。

实施纹理颜色混合

在 GLKit 中实现纹理颜色混合非常简单。只需要以下几个步骤：

创建一个纹理对象。
将纹理绑定到 GL_TEXTURE_2D 纹理单元。
设置纹理颜色混合模式。
启用纹理。
在片段着色器中使用纹理坐标来获取纹理颜色。
将纹理颜色与片段颜色混合。

代码示例

下面是一个使用 GLKit 进行索引绘图和纹理颜色混合的代码示例：

- (void)render {
    [super render];
    
    glEnable(GL_TEXTURE_2D);
    glBindTexture(GL_TEXTURE_2D, textureID);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    
    glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
    glEnable(GL_BLEND);
    
    _program.use;
    
    GLuint positionSlot = [_program attributeIndex:@"position"];
    glVertexAttribPointer(positionSlot, 3, GL_FLOAT, GL_FALSE, sizeof(Vertex), (GLvoid *) offsetof(Vertex, position));
    glEnableVertexAttribArray(positionSlot);
    
    GLuint textureCoordSlot = [_program attributeIndex:@"textureCoord"];
    glVertexAttribPointer(textureCoordSlot, 2, GL_FLOAT, GL_FALSE, sizeof(Vertex), (GLvoid *) offsetof(Vertex, textureCoord));
    glEnableVertexAttribArray(textureCoordSlot);
    
    GLuint colorSlot = [_program attributeIndex:@"color"];
    glVertexAttribPointer(colorSlot, 4, GL_FLOAT, GL_FALSE, sizeof(Vertex), (GLvoid *) offsetof(Vertex, color));
    glEnableVertexAttribArray(colorSlot);
    
    glDrawElements(GL_TRIANGLES, _indexCount, GL_UNSIGNED_SHORT, _indices);
    
    glDisableVertexAttribArray(positionSlot);
    glDisableVertexAttribArray(textureCoordSlot);
    glDisableVertexAttribArray(colorSlot);
    
    glDisable(GL_BLEND);
    glDisable(GL_TEXTURE_2D);
}