GPUImageiOS视频图像处理图形相关

iOS图片滤镜开发,GPUImage 图像处理

2017-02-05  本文已影响1373人  Filelife_v

0.前言

对于iOS开发者而言,想要打造一款美图App,最佳首选的开源框架莫过于GPUImage。它内嵌了上百种图像滤镜,能够满足市面上的一切美颜开发方案。同时也具备了实时美颜的功能。通过这样强大的开源框架,我们可以在其上层开发属于我们自己的美图应用。SnapseedImitation 是以Snapseed为原型,利用GPUImage框架开发的图像处理软件。

SnapseedImitation

Github地址:https://github.com/filelife/SnapseedImitation.git

主要依赖GPUImage Github:https://github.com/BradLarson/GPUImage.git

1.导入方式:

1.安装Cocoapods

2.pod 'GPUImage'

3. improt 导入GPUImage.h后编译即可。

2.GPUImage

2.1 GPUImage简单上手

通过GPUImagePicture获取待编辑图像,再经过GPUImageFilter渲染后产出一帧frame,经由消息管道通知后,便可在GPUImageView显示编辑后的图片,或者我们可以通过GPUImageFilter直接导出渲染后的UIImage。

GPUImageInputGPUImageFilterGPUImageOutput

以拉升变形滤镜为例:

//@拉升变形镜滤镜//创造输入源GPUImagePicture* gpupicture = [[GPUImagePicturealloc]initWithImage:[UIImageimageNamed:@"Duck.jpg"]];//创建滤镜PUImageStretchDistortionFilter* stretchDistortionFilter = [GPUImageStretchDistortionFilternew];//为滤镜赋值stretchDistortionFilter.center=CGPointMake(0.2,0.2);//将输入源和滤镜绑定[gpupicture addTarget:stretchDistortionFilter];//为原图附上滤镜效果[gpupicture processImage];//滤镜收到原图产生的一个frame,并将它作为自己的当前图像缓存[stretchDistortionFilter useNextFrameForImageCapture];//通过滤镜,获取当前的图像。UIImage*image = [stretchDistortionFilter imageFromCurrentFramebuffer];

图像拉升变形前后对比 :

2.2 复合滤镜

开发过程中,必然会有多种滤镜复合的需求,例如一个可以变化亮度、对比度、曝光的图像调节程序。但是依照上一个示例,我们每添加一种滤镜,便会代替之前的滤镜效果。如果每次处理的都是上一次的filter导出的UIImage图片的话,又会导致无法恢复到原图样子,导致失真。(可参考在绘画板中,把图片缩小到最小,再放大,图片变成为了一个像素块。)

这时候,我们需要一个很好用的类:GPUImageFilterPipeline

GPUImageFilterPipeline可以将多个滤镜进行复合,并且在多次处理后,仍然能够恢复成为原图不失真。

仍然以拉升变形和卡通描边效果为例 :

//获取原图GPUImagePicture* gpupicture = [[GPUImagePicturealloc]initWithImage:[UIImageimageNamed:@"Duck.jpg"]];//输出图像的ViewGPUImageView* gpuimageView = [[GPUImageViewalloc]initWithFrame:CGRectMake(0,60,320,320)];[self.viewaddSubview:gpuimageView];//卡通描边滤镜GPUImageToonFilter* toonFilter = [GPUImageToonFilternew];toonFilter.threshold=0.1;//拉升变形滤镜GPUImageStretchDistortionFilter* stretchDistortionFilter = [GPUImageStretchDistortionFilternew];stretchDistortionFilter.center=CGPointMake(0.5,0.5);//将滤镜组成数组NSArray* filters = @[toonFilter,stretchDistortionFilter];//通过pipline,将输入源,输出,滤镜,三方绑定GPUImageFilterPipeline* pipLine = [[GPUImageFilterPipelinealloc]initWithOrderedFilters:filters input:self.gpupictureoutput:self.gpuimageView];//绘制产出最终带有复合滤镜的图像。[self.gpupictureprocessImage];//获取产出的UIImage图像//此时调用useNextFrameForImageCapture的可以是任一在数组中的Filter。[stretchDistortionFilter useNextFrameForImageCapture];UIImage* image = [self.pipLinecurrentFilteredFrame];

2.3 复合滤镜的应用

基于GPUImage框架,我为其添加了一套了Snapseed的UI,通过手势识别方案对图像滤镜进行调节拖控。

上一篇 下一篇

猜你喜欢

热点阅读