GPUImage滤镜链解析

理解本篇内容需掌握一点OpenGL基础:

1.glProgram的编译,链接,使用。
2.glFramebuffer与glTexture的使用。

简述

GPUImage本质上是一个OpenGL管理框架,其不仅包含大量的滤镜代码,也包含一套使用方便的链式结构,本篇将主要分析滤镜链的原理。

如果将这个链式结构比喻为一个工厂中的流水线,那么这个流水线的结构就会如下所示:
1.总资源管理者

GPUImageContext

2.搭载原料的容器

GPUImageFramebuffer

3.原料提供者

GPUImagePicture,GPUImageMovie...

4.原料加工者

GPUImageFilter

5.成品展示者

GPUImageView

6.原料容器数量的控制者

GPUImageFramebufferCache

下面将依次介绍这些部分在滤镜链中的详细作用

GPUImageContext

作为总资源管理者,以单例方式应用,主要负责:
1.线程管理
2.context
3.framebuffer缓存管理
4.gl信息查询

GPUImageFramebuffer

作为原料的容器,也是滤镜链传递的核心。但之所以称之为容器,是因为每一级所需要的真正材料不是GPUImageFramebuffer,而是里面的glTexture

GPUImageFramebuffer包含两种类型

1.onlyTexture:只生成了glTexture而没有生成glFramebuffer,多用于第一级输入端,例如GPUImagePicture。

2.texture和framebuffer:生成了glTexture,也生成了glFramebuffer,并使用 glFramebufferTexture2D 将二者绑定,用于滤镜的渲染中,如GPUImageFilter。

GPUImageFramebuffer传递的核心原理:
当前滤镜在渲染时,先绑定到自己的glFramebuffer,然后获取上一级滤镜GPUImageFramebuffer中的glTexture作为输入纹理,通过每个滤镜特有的glProgram,对当前滤镜的输出glTexture进行渲染

GPUImagePicture,GPUImageMovie...

作为原料提供者,处于滤镜链的头部,通过继承GPUImageOutput来实现GPUImageFramebuffer的输出。本质上是将数据转化为OpenGL识别的纹理。

GPUImageFilter

作为原料加工者,处于滤镜链的中段,既继承了GPUImageOutput,又实现了GPUImageInput协议。(无论是Output还是Input都是对于GPUImageFramebuffer而言)

这样便形成了以GPUImageFramebuffer为传递者的链式结构。

而且同一个滤镜可以存在于多条滤镜链中。

以下代码展示的是一个简单的滤镜链,通过效果可以看出每一个filter处理纹理图片的过程:

[picture addTarget:filter1];    

[filter1 addTarget:filter2];
[filter1 addTarget:imageView1];

[filter2 addTarget:imageView2];
[filter2 addTarget:filter3];
    
[filter3 addTarget:imageView3];
[picture processImage]; 
🐷
GPUImageView

作为成品展示者,处于滤镜链的最末端,只接受纹理,不再进行输出。
实现GPUImageInput协议,只接受上级滤镜传来的纹理,而用于展示的glFramebuffer不再使用GPUImageFramebuffer,而直接由自己生成绑定于glRenderbuffer的glFramebuffer。

GPUImageFramebufferCache

作为原料容器的管理者,GPUImageFramebufferCache使GPUImageFramebuffer得以复用,目的是提升性能,就像没必要给每道菜都使用新的盘子一样。

缓存步骤:
1.区分缓存类型
保证同一类型的缓存可以复用,具体就是根据不同的GPUImageFramebuffer生成不同的key,主要以纹理配置,纹理尺寸,以及是否只包含texture作为分类标准,细节如下

- (NSString *)hashForSize:(CGSize)size textureOptions:(GPUTextureOptions)textureOptions onlyTexture:(BOOL)onlyTexture;
{
    if (onlyTexture)
    {
        return [NSString stringWithFormat:@"%.1fx%.1f-%d:%d:%d:%d:%d:%d:%d-NOFB", size.width, size.height, textureOptions.minFilter, textureOptions.magFilter, textureOptions.wrapS, textureOptions.wrapT, textureOptions.internalFormat, textureOptions.format, textureOptions.type];
    }
    else
    {
        return [NSString stringWithFormat:@"%.1fx%.1f-%d:%d:%d:%d:%d:%d:%d", size.width, size.height, textureOptions.minFilter, textureOptions.magFilter, textureOptions.wrapS, textureOptions.wrapT, textureOptions.internalFormat, textureOptions.format, textureOptions.type];
    }
}

2.引用计数
GPUImageFramebufferCache使用缓存的方式与普通的缓存不太一样。

普通缓存
1.按key找缓存对象。
2.有则返回匹配对象。
3.没有则创建新的对象且存入缓存,并返回新对象。

GPUImageFramebufferCache
1.按key找缓存对象。
2.如果有,则从缓存中移除当前匹配对象,对象引用计数+1。
3.如果没有,则新建对象,这时并不会把新对象存入缓存,只是对新对象引用计数+1。

这种缓存有点类似于ARC机制,将要渲染时,则对当前GPUImageFramebuffer调用lock方法,使其引用计数+1,渲染完成或滤镜销毁等释放操作后,调用unlock方法,使其引用计数-1,当引用计数为0时,才将对象放入缓存当中。

使用这种缓存的原因

当一个GPUImageFramebuffer引用计数大于0时,不会再将它分配给其他滤镜进行渲染,避免glFramebuffer数据被篡改。

而当一个GPUImageFramebuffer引用计数为0时,才会继续将它分配给其他滤镜。

由此可以得知,当从缓存中请求GPUImageFramebuffer对象时,同类型的GPUImageFramebuffer对象,可能因为引用计数大于0,而不在缓存中。这时会再次生成这个类型的缓存对象。当这几个同类型的对象引用计数都归0时,便都会存入缓存。

所以GPUImageFramebufferCache在请求缓存时,会先使用while循环来清空多余同类缓存,细节如下:

// Something found, pull the old framebuffer and decrement the count
            NSInteger currentTextureID = (numberOfMatchingTextures - 1);
            while ((framebufferFromCache == nil) && (currentTextureID >= 0))
            {
                NSString *textureHash = [NSString stringWithFormat:@"%@-%ld", lookupHash, (long)currentTextureID];
                framebufferFromCache = [framebufferCache objectForKey:textureHash];
                // Test the values in the cache first, to see if they got invalidated behind our back
                if (framebufferFromCache != nil)
                {
                    // Withdraw this from the cache while it's in use
                    [framebufferCache removeObjectForKey:textureHash];
                }
                currentTextureID--;
            }
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,544评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,430评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,764评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,193评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,216评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,182评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,063评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,917评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,329评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,543评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,722评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,425评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,019评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,671评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,825评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,729评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,614评论 2 353

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,097评论 1 32
  • 概述 GPUImage是一个著名的图像处理开源库,它让你能够在图片、视频、相机上使用GPU加速的滤镜和其它特效。与...
    秦明Qinmin阅读 3,028评论 4 12
  • 一、前言 本篇主要讲解GPUImage底层是如何渲染的,GPUImage底层使用的是OPENGL,操控GPU来实现...
    袁峥阅读 16,508评论 15 122
  • 总述 从总体上来讲它是容纳一个纹理的容器。这个类写得太别的散,让人一眼看不出什么主旨要义来,可能是因为作者像让这个...
    Stroman阅读 1,164评论 2 3
  • java 接口的意义-百度 规范、扩展、回调 抽象类的意义-乐视 为其子类提供一个公共的类型封装子类中得重复内容定...
    交流电1582阅读 2,224评论 0 11