ios滤镜效果代码（ios 滤镜app）

今天给各位分享ios滤镜效果代码的知识，其中也会对ios 滤镜app进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、【iOS】（一）GPUImage的结构，滤镜链的实现原理
• 2、如何通过 HTML5 实现 iOS 7 的实时毛玻璃模糊效果
• 3、iOS图片滤镜开发，GPUImage 图像处理

【iOS】（一）GPUImage的结构，滤镜链的实现原理

学了OpenGL，OpenGLES后，去阅读了GPUImage的源码，使用了一段时间，接下来，记录一下我对GPUImage使用和源码阅读的一些分析吧。

相关引用

从0打造一个GPUImage(6)-GPUImage的多滤镜处理逻辑

对于GPUImage，可以分为

上面也提了，所谓的GPUImage滤镜链就是

GPUImageOutput - filter - filter - GPUImageInput

GPUImageOutput 通过target数组（里面都是实现 GPUImageInput 组件），组成了滤镜链的关系，我们需要牢牢的记住这个滤镜链的关系，这样开发的时候，我们就知道如何Debug，如何实现我们需要的效果。那么问题来了，为什么GPUImage可以实现这样的滤镜链呢？

这里我们先抛开GPUImage，用OpenGL ES去实现一个具有滤镜叠加效果的Demo，这里的Demo我是参考叶孤城的这篇文章， 从0打造一个GPUImage(6)-GPUImage的多滤镜处理逻辑

Demo需要实现的效果，是将一张图片，先后通过叠加 亮度滤镜 ， 饱和度滤镜 最后显示在屏幕上。

那么对应的OpenGLES，我们会怎么做呢？首先我们需要以下东西

从以上的步骤，我们可以总结以下结论

对于这个Demo的一个流程图，可以参考 从0打造一个GPUImage(6)-GPUImage的多滤镜处理逻辑 的一幅图，Demo的详细实现请看原文吧。

以上就是GPUImage对于滤镜链的实现原理，只有你懂了OpenGL ES的渲染流程，才能彻底的明白GPUImage的滤镜链的原理。所以时时刻刻记住以下关系

GPUImageOutput - filter - filter - GPUImageInput

当然也可以存在多个Source，多个Input的情况，例如要给一个视频添加水印，用 GPUImageMovie 用于输出视频纹理，用 GPUImageUIElement 输出UI空间的纹理，通过一个filter进行Blend，最后用一个 GPUImageView 进行预览，用 GPUImageMovieWriter 进行输出，滤镜链关系如下

如何通过 HTML5 实现 iOS 7 的实时毛玻璃模糊效果

百度搜一下：使用CSS将图片转换成模糊(毛玻璃)效果

张鑫旭介绍了三种方法。

不行的话搜你的标题：如何通过 HTML5 实现 iOS 7 的实时毛玻璃模糊效果

搜索结果第一个，是知乎的解答。

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

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

SnapseedImitation

Github地址：

主要依赖GPUImage Github:

1.安装Cocoapods

2.pod 'GPUImage'

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

通过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];

图像拉升变形前后对比 :

开发过程中，必然会有多种滤镜复合的需求，例如一个可以变化亮度、对比度、曝光的图像调节程序。但是依照上一个示例，我们每添加一种滤镜，便会代替之前的滤镜效果。如果每次处理的都是上一次的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];

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

更多内容：

GPUImage 进阶学习，实时视频录制，人脸检测

关于ios滤镜效果代码和ios 滤镜app的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。