GPUImage--美颜滤镜GPUImageBeautifyFilter

最新推荐文章于 2024-06-16 09:47:12 发布

Quinn士魁

最新推荐文章于 2024-06-16 09:47:12 发布

阅读量7.9k

点赞数 4

分类专栏： IOS精益编程文章标签： GPUImage 美颜滤镜 GPUImageBe

本文链接：https://blog.csdn.net/Xoxo_x/article/details/52743107

版权

本文介绍了GPUImage框架中实现美颜效果的过程，详细阐述了从GPUImageVideoCamera捕获图像，经过GPUImageBeautifyFilter、GPUImageBilateralFilter、GPUImageCombinationFilter和GPUImageCannyEdgeDetectionFilter等滤镜处理，最后在GPUImageView显示的整个流程。通过这一系列操作，实现了美颜滤镜的功能。

摘要由CSDN通过智能技术生成

关于GPUimage的介绍请看这里GPUImage:滤镜、美颜、视频流处理

美颜只是不同滤镜组合起来的效果，实际上美颜也是一种滤镜，它的需求较多，于是自称一派。

GPUImageBeautifyFilter

/*
GPUImageBeautifyFilter是基于GPUImage的实时美颜滤镜中的美颜滤镜，包括GPUImageBilateralFilter、GPUImageCannyEdgeDetectionFilter、GPUImageCombinationFilter、GPUImageHSBFilter。
*/

在GPUImageBeautifyFilter.h中有：分别创建对应上面的对象

#import "GPUImage.h"

@class GPUImageCombinationFilter;

@interface GPUImageBeautifyFilter : GPUImageFilterGroup {
    GPUImageBilateralFilter *bilateralFilter;
    GPUImageCannyEdgeDetectionFilter *cannyEdgeFilter;
    GPUImageCombinationFilter *combinationFilter;
    GPUImageHSBFilter *hsbFilter;
}

@end

绘制流程分为：

准备纹理
绘制纹理
显示处理后的纹理

一、准备纹理：这里用到的类
[GPUImageVideoCamera] -
[GPUImageBeautifyFilter] -
[GPUImageBilateralFliter] -
[GPUImageCombinationFilter] -
[GPUImageCannyEdgeDetectionFilter] -

准备过程：

第一个纹理：
1、GPUImageVideoCamera捕获摄像头图像
调用newFrameReadyAtTime: atIndex:通知GPUImageBeautifyFilter；
2、GPUImageBeautifyFilter调用newFrameReadyAtTime: atIndex:
通知GPUImageBilateralFliter输入纹理已经准备好；
第二个纹理：
3、GPUImageBilateralFliter 绘制图像后，
informTargetsAboutNewFrameAtTime()，
调用setInputFramebufferForTarget: atIndex:
把绘制的图像设置为GPUImageCombinationFilter输入纹理，
并通知GPUImageCombinationFilter纹理已经绘制完毕；
4、GPUImageBeautifyFilter调用newFrameReadyAtTime: atIndex:
通知 GPUImageCannyEdgeDetectionFilter输入纹理已经准备好；
第三个纹理：
5、同3&