OpenGLES纹理翻转解决方案

一.先看看我们平时显示纹理可能出现的问题


纹理旋转

二.解决方案

2.1矩阵旋转顶点坐标(即图形顶点坐标在不改变顶点纹理坐标的前提下,旋转顶点)

         在设置纹理采样器 sampler2DglUniform1i(glGetUniformLocation(self.myPrograme, "colorMap"), 0);绘图glDrawArrays(GL_TRIANGLES, 0, 6);的中间旋转顶点坐标,传入旋转矩阵,在自定义顶点着色器里面添加旋转矩阵:uniformmat4rotateMatrix;并vec4vPos = position; vPos = vPos * rotateMatrix;gl_Position= vPos;赋值


自定义着色器传入旋转矩阵

函数实现;-(void)rotateTextureImage{

    //注意,想要获取shader里面的变量,这里记得要在glLinkProgram后面,后面,后面!

    //1. rotate等于shaderv.vsh中的uniform属性,rotateMatrix

    GLuint rotate = glGetUniformLocation(self.myPrograme, "rotateMatrix");

    //2.获取渲旋转的弧度

    floatradians =180*3.14159f/180.0f;

    //3.求得弧度对于的sin\cos值

    floats =sin(radians);

    floatc =cos(radians);

    //4.因为在3D课程中用的是横向量,在OpenGL ES用的是列向量

    /*

     参考Z轴旋转矩阵

     */

    GLfloatzRotation[16] = {

        c,-s,0,0,

        s,c,0,0,

        0,0,1,0,

        0,0,0,1

    };

    //5.设置旋转矩阵

    /*

     glUniformMatrix4fv (GLint location, GLsizei count, GLboolean transpose, const GLfloat* value)

     location : 对于shader 中的ID

     count : 个数

     transpose : 转置

     value : 指针

     */

    glUniformMatrix4fv(rotate,1,GL_FALSE, zRotation);

}

2.2修改顶点着色器的纹理坐标(1-纹理坐标的y值)

       在自定义顶点着色器的vsh中修改代码:varyTextCoord =vec2(textCoordinate.x,1.0-textCoordinate.y);


修改顶点着色器的纹理坐标

2.3修改片元着色器的纹理坐标(1-纹理坐标的y值)

        在自定义片元着色器fsh中修改代码:gl_FragColor=texture2D(colorMap,vec2(varyTextCoord.x,1.0-varyTextCoord.y));


修改片元着色器的纹理坐标

2.4改变顶点纹理坐标的映射位置

原来的顶点位置:

    GLfloatattrArr[] =

    {

        0.5f, -0.5f, -1.0f,    1.0f,0.0f,

        -0.5f,0.5f, -1.0f,    0.0f,1.0f,

        -0.5f, -0.5f, -1.0f,    0.0f,0.0f,


        0.5f,0.5f, -1.0f,      1.0f,1.0f,

        -0.5f,0.5f, -1.0f,    0.0f,1.0f,

        0.5f, -0.5f, -1.0f,    1.0f,0.0f,

    };

改变后的顶点位置:

GLfloatattrArr[] =

    {

        0.5f, -0.5f, -1.0f,    1.0f,1.0f,

        -0.5f,0.5f, -1.0f,    0.0f,0.0f,

        -0.5f, -0.5f, -1.0f,    0.0f,1.0f,


        0.5f,0.5f, -1.0f,      1.0f,0.0f,

        -0.5f,0.5f, -1.0f,    0.0f,0.0f,

        0.5f, -0.5f, -1.0f,    1.0f,1.0f,

    };

关于纹理坐标映射,请看我的博客纹理坐标

2.5图片源文件翻转

    拿到元纹理图片的宽高,重新绘制一张图片出来
    CGRectrect =CGRectMake(0,0, width, height);

    CGContextDrawImage(spriteContext, rect, 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);

        

翻转后的效果
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,052评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,267评论 3 397
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,518评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,457评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,474评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,143评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,728评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,650评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,184评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,269评论 3 339
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,415评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,083评论 5 348
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,775评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,257评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,389评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,777评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,419评论 2 359