03 GPUImage为图片添加滤镜

  今天研究了一天使用GPUImage为图片添加滤镜,写了一个小Demo,分享给大家

一、简单介绍

   这个Demo从界面上看分三个部分,上面是一个Button,点击可以从本地挑选照片,显示在Button上,

   中间是两个Button,一个是添加滤镜,对应的就是正常的添加滤镜的方法,另一就是快速的添加滤镜的方法

   下面的是一个CollectionView,展示的是,90个GPUImage滤镜的效果图片,因为添加滤镜太慢,我就用了一个线程来完成这个功能,再在主线程中刷新,所有会有些延时.

   注意:如果CollectionVIew中出现了复仇者联盟2中的猩红女巫说明这个滤镜添加失败了.

二、代码

    // 设置要添加滤镜的图片
    if(self.inputImage == nil){
        self.inputImage = [UIImage imageNamed:@"1"];
    }
    
    // 初始化要添加滤镜的图片
    GPUImagePicture *imageSorce = [[GPUImagePicture alloc] initWithImage:self.inputImage];
    
    // 创建一个滤镜
    GPUImageSketchFilter *imageFilter = [[GPUImageSketchFilter alloc] init];
    // 设置输出的图片的尺寸
    [imageFilter forceProcessingAtSize:CGSizeMake(640.0, 480.0)];
    // 添加滤镜
    [imageSorce addTarget:imageFilter];
    [imageFilter useNextFrameForImageCapture];
    [imageSorce processImage];
    
    // 获得添加滤镜后的图片
    self.filterImage = [imageFilter imageFromCurrentFramebuffer];
    
    // 显示添加滤镜后的图片
    [self.imageButton setImage:self.filterImage forState:UIControlStateNormal];

    // 第二种方法:快速创建
    
    // 指定需要添加滤镜的图片
    if(self.inputImage == nil){
        self.inputImage = [UIImage imageNamed:@"1"];
    }
    // 创建滤镜
    GPUImageSepiaFilter *imageFilter  = [[GPUImageSepiaFilter alloc] init];
    // 添加滤镜
    UIImage *filterImage = [imageFilter imageByFilteringImage:self.inputImage];
    
    // 显示添加滤镜后的图片
    [self.imageButton setImage:filterImage forState:UIControlStateNormal];

三、效果图片

四、工程下载地址

     工程下载地址