OpenGL 2D纹理单元&纹理翻转解决策略

片元着色器 varying vec2 TexCoord; uniform sampler2D ourTexture;

void main() { gl_FragColor = texture(ourTexture, TexCoord); }

TexCoord 纹理坐标,经过顶点着色器传递

ourTexture,纹理采样器

片元着色器,是如何访问纹理对象 首先,思考咱们是如何将纹理对象传递给片元着色器? GLSL 中提供一个共纹理对象使用的内建数据类型,叫作采样器(sampler). 例如,sampler1D,sampler2D,sampler3D 表示不一样维度的纹理类型. 那么咱们在片元着色器是如何获取一个纹理的? 咱们简单声明一个纹理对象. uniform sampler2D,将一个纹理添加片元着色器中. //声明一个纹理对象 uniform sampler2D ourTexture;

如何获取纹理对应像素点的颜色值 咱们可使用GLSL内建的texture函数来采样纹理的颜色值. gl_FragColor = texture(ourTexture, TexCoord); //参数1: 纹理采样器对象 //参数2: 纹理坐标

纹理单元 你可能会奇怪为何sampler2D变量是个uniform，咱们却不用glUniform给它赋值. 使用glUniform1i，咱们能够给纹理采样器分配一个位置值，这样的话咱们可以在一个片断着色器中设置多个纹理。 一个纹理的位置值一般称为一个纹理单元(Texture Unit)。一个纹理的默认纹理单元是0，它是默认的激活纹理单元. 纹理单元的主要目的是让咱们在着色器中可使用多于一个的纹理。 经过把纹理单元赋值给采样器，咱们能够一次绑定多个纹理，只要咱们首先激活对应的纹理单元。就像glBindTexture同样，咱们可使用glActiveTexture激活纹理单元，传入咱们须要使用的纹理单元： //在绑定纹理以前先激活纹理单元 glActiveTexture(GL_TEXTURE0); glBindTexture(GL_TEXTURE_2D, texture);

激活纹理单元以后，接下来的glBindTexture函数调用会绑定这个纹理到当前激活的纹理单元，纹理单元GL_TEXTURE0默认老是被激活.

OpenGL至少保证有16个纹理单元供你使用，也就是说你能够激活从GL_TEXTURE0到GL_TEXTRUE15。它们都是按顺序定义的，因此咱们也能够经过GL_TEXTURE0 + 8的方式得到GL_TEXTURE8，这在当咱们须要循环一些纹理单元的时候会颇有用。

varying vec2 TexCoord; uniform sampler2D ourTexture1; uniform sampler2D ourTexture2;

void main() { gl_FragColor = mix(texture(ourTexture1, TexCoord), texture(ourTexture2, TexCoord), 0.2); }

最终输出颜色是两个纹理的结合。 GLSL内建的mix函数须要接受两个值做为参数，并对它们根据第三个参数进行线性插值。 若是第三个值是0.0，它会返回第一个输入；若是是1.0，会返回第二个输入值。输入0.2则会返回80%的第一个输入颜色和20%的第二个输入颜色，即返回两个纹理的混合色。 为了使用第二个纹理（以及第一个），咱们必须改变一点渲染流程，先绑定两个纹理到对应的纹理单元，而后定义哪一个uniform采样器对应哪一个纹理单元： glActiveTexture(GL_TEXTURE0); glBindTexture(GL_TEXTURE_2D, texture1); glUniform1i(glGetUniformLocation(ourShader.Program, "ourTexture1"), 0);

glActiveTexture(GL_TEXTURE1); glBindTexture(GL_TEXTURE_2D, texture2); glUniform1i(glGetUniformLocation(ourShader.Program, "ourTexture2"), 1);

注意，咱们使用glUniform1i设置uniform采样器的位置值，或者说纹理单元。经过glUniform1i的设置，咱们保证每一个uniform采样器对应着正确的纹理单元 关于纹理翻转 OpenGL要求y轴0.0坐标是在图片的底部的，可是图片的y轴0.0坐标一般在顶部

咱们能够改变顶点数据的纹理坐标，翻转y值（用1减去y坐标）。 咱们能够编辑顶点着色器来自动翻转y坐标，替换TexCoord的值为TexCoord = vec2(texCoord.x, 1.0f - texCoord.y);。

iOS纹理翻转解决策略 第1种: 旋转矩阵翻转图形,不翻转纹理

让图形顶点坐标旋转180°. 而纹理保持原状.

GLuint rotate = glGetUniformLocation(self.myPrograme, "rotateMatrix");
float radians = 180 * 3.14159f / 180.0f;
float s = sin(radians);
float c = cos(radians);


GLfloat zRotation[16] = {
    c, -s, 0, 0,
    s, c, 0, 0,
    0, 0, 1.0, 0,
    0.0, 0, 0, 1.0
};
复制代码

glUniformMatrix4fv(rotate, 1, GL_FALSE, (GLfloat *)&zRotation[0]);

第2种: 解压图片时,将图片源文件翻转 CGImageRef spriteImage = [UIImage imageNamed:fileName].CGImage;

size_t width = CGImageGetWidth(spriteImage); size_t height = CGImageGetHeight(spriteImage); GLubyte * spriteData = (GLubyte *) calloc(width * height * 4, sizeof(GLubyte));

CGContextRef spriteContext = CGBitmapContextCreate(spriteData, width, height, 8, width*4,CGImageGetColorSpace(spriteImage), kCGImageAlphaPremultipliedLast);

CGRect rect = CGRectMake(0, 0, width, height); CGContextDrawImage(spriteContext, CGRectMake(0, 0, width, height), spriteImage);

CGContextTranslateCTM(spriteContext, rect.origin.x, rect.origin.y); CGContextTranslateCTM(spriteContext, 0, rect.size.height); CGContextScaleCTM(spriteContext, 1.0, -1.0); CGContextTranslateCTM(spriteContext, -rect.origin.x, -rect.origin.y); CGContextDrawImage(spriteContext, rect, spriteImage);

CGContextRelease(spriteContext); glBindTexture(GL_TEXTURE_2D, 0);

第3种: 修改片元着色器,纹理坐标 varying lowp vec2 varyTextCoord; uniform sampler2D colorMap; void main() { gl_FragColor = texture2D(colorMap, vec2(varyTextCoord.x,1.0-varyTextCoord.y)); }

第4种: 修改顶点着色器,纹理坐标 attribute vec4 position; attribute vec2 textCoordinate; varying lowp vec2 varyTextCoord;

void main() { varyTextCoord = vec2(textCoordinate.x,1.0-textCoordinate.y); gl_Position = position; }

第5种:直接从源纹理坐标数据修改 GLfloat attrArr[] = { 0.5f, -0.5f, 0.0f, 1.0f, 1.0f, //右下 -0.5f, 0.5f, 0.0f, 0.0f, 0.0f, // 左上 -0.5f, -0.5f, 0.0f, 0.0f, 1.0f, // 左下 0.5f, 0.5f, 0.0f, 1.0f, 0.0f, // 右上 -0.5f, 0.5f, 0.0f, 0.0f, 0.0f, // 左上 0.5f, -0.5f, 0.0f, 1.0f, 1.0f, // 右下 }; */

小编这呢，给你们推荐一个优秀的iOS交流平台，平台里的伙伴们都是很是优秀的iOS开发人员，咱们专一于技术的分享与技巧的交流，你们能够在平台上讨论技术，交流学习。欢迎你们的加入（想要进入的可加小编微信）。

微信号：17336563535

来源：本文为第三方转载，若有侵权请联系小编删除。