影象處理庫GPUImage簡單使用

JackerooChu發表於2018-09-19
GPUUI

一、介紹

       GPUImage是一個基於OpenGL ES 2.0的開源的影象處理庫，作者是Brad Larson。GPUImage將OpenGL ES封裝為簡潔的Objective-C或Swift介面，可以用來給影象、實時相機視訊、電影等新增濾鏡。

二、使用

1.匯入GPUImage兩種方式

a.使用 cocopods匯入

platform :ios, '9.0'
target 'GPUImageDemo' do
pod 'GPUImage'
end
複製程式碼

注：給專案新增cocopods等操作在此不做多餘贅述

b.手動匯入

（1）.首先下載GPUImage，下載地址 （2）.解壓後，在framework 目錄下，開啟GPUImage.xcodeproj工程

圖片來源於網路.png
（3）.因為 GPUImage是一個開源的庫 ，所以需要自己生成 靜態庫（以前的笨方法把整個工程加入專案，這在使用中出現了很不不必要的麻煩） （4）.執行該工程（生成 用於真機和模擬器的lib)

（5）.點選Products下的 libGPUImage.a，右鍵， show in finder 將 兩個lib 合併（方法，詳見關於 建立靜態庫的博文）

（6）.將 GPUImage.h檔案中包含的標頭檔案全部 提取到 header檔案中

2.使用

（1）.匯入標頭檔案

#import <GPUImageView.h>
#import <GPUImage/GPUImage.h>
複製程式碼

（2）.使用濾鏡


    UIImage *inputImage =[UIImage imageNamed:@"lzl"];
    //  建立濾鏡
    GPUImageVignetteFilter *disFilter = [[GPUImageVignetteFilter alloc] init];
    //設定要渲染的區域
    [self.filter forceProcessingAtSize:inputImage.size];
    [self.filter useNextFrameForImageCapture];
    //獲取資料來源
    GPUImagePicture *stillImageSource = [[GPUImagePicture alloc]initWithImage:inputImage];
    //新增上濾鏡
    [stillImageSource addTarget:self.filter];
    //開始渲染
    [stillImageSource processImage];
    //獲取渲染後的圖片
    UIImage *newImage = [self.filter imageFromCurrentFramebuffer];
    //載入出來
    UIImageView *imageView = [[UIImageView alloc] initWithImage:newImage];
    imageView.frame = CGRectMake(50,0,250 ,250);
    [self.view addSubview:imageView];
複製程式碼

（3）.效果

效果圖.gif

三、概念解析

output為輸出源 intput為輸入源 filter為濾鏡

以下為濾鏡，新增了部分註釋

// Filters
#import "GPUImageFilter.h"
#import "GPUImageTwoInputFilter.h"
#import "GPUImagePixellateFilter.h"              //畫素化
#import "GPUImagePixellatePositionFilter.h"
#import "GPUImageSepiaFilter.h"                      // 褐色（懷舊）
#import "GPUImageColorInvertFilter.h"                //  反色
#import "GPUImageSaturationFilter.h"                 // 飽和度
#import "GPUImageContrastFilter.h"                   // 對比度
#import "GPUImageExposureFilter.h"                   //  曝光
#import "GPUImageBrightnessFilter.h"                 // 亮度  
#import "GPUImageLevelsFilter.h"                     // 色階
#import "GPUImageSharpenFilter.h"                    //銳化
#import "GPUImageGammaFilter.h"                      //gamma：要應用的灰度調整（0.0 - 3.0，預設為1.0）
#import "GPUImageSobelEdgeDetectionFilter.h"              //Sobel邊緣檢測演算法(白邊，黑內容，有點漫畫的反色效果)
#import "GPUImageSketchFilter.h"                         //素描
#import "GPUImageToonFilter.h"                         //卡通效果（黑色粗線描邊）
#import "GPUImageSmoothToonFilter.h"                //相比上面的效果更細膩，上面是粗曠的畫風
#import "GPUImageMultiplyBlendFilter.h"              //通常用於建立陰影和深度效果
#import "GPUImageDissolveBlendFilter.h"              //溶解
#import "GPUImageKuwaharaFilter.h"                  //桑原(Kuwahara)濾波,水粉畫的模糊效果；處理時間比較長，慎用
#import "GPUImageKuwaharaRadius3Filter.h"
#import "GPUImageVignetteFilter.h"                    //暈影，形成黑色圓形邊緣，突出中間影象的效果
#import "GPUImageGaussianBlurFilter.h"               //高斯模糊
#import "GPUImageGaussianBlurPositionFilter.h"
#import "GPUImageGaussianSelectiveBlurFilter.h"         //高斯模糊，選擇部分清晰
#import "GPUImageOverlayBlendFilter.h"                         //疊加,通常用於建立陰影效果
#import "GPUImageDarkenBlendFilter.h"                   //加深混合,通常用於重疊型別
#import "GPUImageLightenBlendFilter.h"               //減淡混合,通常用於重疊型別
#import "GPUImageSwirlFilter.h"                       //漩渦，中間形成捲曲的畫面
#import "GPUImageSourceOverBlendFilter.h"                    //源混合
#import "GPUImageColorBurnBlendFilter.h"            //色彩加深混合
#import "GPUImageColorDodgeBlendFilter.h"            //色彩減淡混合
#import "GPUImageScreenBlendFilter.h"                //螢幕包裹,通常用於建立亮點和鏡頭眩光
#import "GPUImageExclusionBlendFilter.h"           //排除混合
#import "GPUImageDifferenceBlendFilter.h"                 //差異混合,通常用於建立更多變動的顏色
#import "GPUImageSubtractBlendFilter.h"                  //差值混合,通常用於建立兩個影象之間的動畫變暗模糊效果
#import "GPUImageHardLightBlendFilter.h"                 //強光混合,通常用於建立陰影效果
#import "GPUImageSoftLightBlendFilter.h"            //柔光混合
#import "GPUImageColorBlendFilter.h"
#import "GPUImageHueBlendFilter.h"
#import "GPUImageSaturationBlendFilter.h"
#import "GPUImageLuminosityBlendFilter.h"
#import "GPUImageCropFilter.h"                           //剪裁
#import "GPUImageGrayscaleFilter.h"                 // 灰度
#import "GPUImageTransformFilter.h"                 //形狀變化
#import "GPUImageChromaKeyBlendFilter.h"             //色度鍵混合
#import "GPUImageHazeFilter.h"                      //朦朧加暗
#import "GPUImageLuminanceThresholdFilter.h"          //亮度閾
#import "GPUImagePosterizeFilter.h"                 //色調分離，形成噪點效果
#import "GPUImageBoxBlurFilter.h"                    //盒狀模糊
#import "GPUImageAdaptiveThresholdFilter.h"              //自適應閾值
#import "GPUImageUnsharpMaskFilter.h"
#import "GPUImageBulgeDistortionFilter.h"            //凸起失真，魚眼效果
#import "GPUImagePinchDistortionFilter.h"        //收縮失真，凹面鏡
#import "GPUImageCrosshatchFilter.h"            //交叉線陰影，形成黑白網狀畫面
#import "GPUImageCGAColorspaceFilter.h"          //CGA色彩濾鏡，形成黑、淺藍、紫色塊的畫面
#import "GPUImagePolarPixellateFilter.h"             //同心圓畫素化
#import "GPUImageStretchDistortionFilter.h"      //伸展失真，哈哈鏡
#import "GPUImagePerlinNoiseFilter.h"         //柏林噪點，花邊噪點
#import "GPUImageJFAVoronoiFilter.h"
#import "GPUImageVoronoiConsumerFilter.h"
#import "GPUImageMosaicFilter.h"                      //黑白馬賽克
#import "GPUImageTiltShiftFilter.h"                 //條紋模糊，中間清晰，上下兩端模糊
#import "GPUImage3x3ConvolutionFilter.h"        //3x3卷積，高亮大色塊變黑，加亮邊緣、線條等
#import "GPUImageEmbossFilter.h"                        //浮雕效果，帶有點3d的感覺
#import "GPUImageCannyEdgeDetectionFilter.h"        //Canny邊緣檢測演算法
#import "GPUImageThresholdEdgeDetectionFilter.h"         //閾值邊緣檢測（效果與上差別不大）
#import "GPUImageMaskFilter.h"                                //遮罩混合
#import "GPUImageHistogramFilter.h"                 // 色彩直方圖，顯示在圖片上
#import "GPUImageHistogramGenerator.h"              // 色彩直方圖
#import "GPUImageHistogramEqualizationFilter.h"
#import "GPUImagePrewittEdgeDetectionFilter.h"      //普瑞維特(Prewitt)邊緣檢測(效果與Sobel差不多，貌似更平滑)
#import "GPUImageXYDerivativeFilter.h"            //XYDerivative邊緣檢測，畫面以藍色為主，綠色為邊緣，帶彩色
#import "GPUImageHarrisCornerDetectionFilter.h"      //Harris角點檢測，會有綠色小十字顯示在圖片角點處
#import "GPUImageAlphaBlendFilter.h"                 //透明混合,通常用於在背景上應用前景的透明度
#import "GPUImageNormalBlendFilter.h"                   //正常
#import "GPUImageNonMaximumSuppressionFilter.h"                  //非最大抑制，只顯示亮度最高的畫素，其他為黑
#import "GPUImageRGBFilter.h"                      //  RGB
#import "GPUImageMedianFilter.h"                     //中間值，有種稍微模糊邊緣的效果
#import "GPUImageBilateralFilter.h"              //雙邊模糊
#import "GPUImageCrosshairGenerator.h"      //十字
#import "GPUImageToneCurveFilter.h"             // 色調曲線
#import "GPUImageNobleCornerDetectionFilter.h"  //Noble角點檢測，檢測點更多
#import "GPUImageShiTomasiFeatureDetectionFilter.h"   //ShiTomasi角點檢測，與上差別不大
#import "GPUImageErosionFilter.h"            //侵蝕邊緣模糊，變黑白
#import "GPUImageRGBErosionFilter.h"           //RGB侵蝕邊緣模糊，有色彩
#import "GPUImageDilationFilter.h"                   //擴充套件邊緣模糊，變黑白
#import "GPUImageRGBDilationFilter.h"                //RGB擴充套件邊緣模糊，有色彩
#import "GPUImageOpeningFilter.h"           //黑白色調模糊
#import "GPUImageRGBOpeningFilter.h"        //RGB擴充套件邊緣模糊，有色彩
#import "GPUImageClosingFilter.h"           //黑白色調模糊，暗色會被提亮
#import "GPUImageRGBClosingFilter.h"        //彩色模糊，暗色會被提亮
#import "GPUImageColorPackingFilter.h"      //色彩丟失，模糊（類似監控攝像效果）
#import "GPUImageSphereRefractionFilter.h"    //球形折射，圖形倒立
#import "GPUImageMonochromeFilter.h"            // 單色
#import "GPUImageOpacityFilter.h"               // 不透明度
#import "GPUImageHighlightShadowFilter.h"       // 提亮陰影
#import "GPUImageFalseColorFilter.h"            // 色彩替換（替換亮部和暗部色彩）
#import "GPUImageHSBFilter.h"
#import "GPUImageHueFilter.h"                   //色度
#import "GPUImageGlassSphereFilter.h"          //水晶球效果
#import "GPUImageLookupFilter.h"                 //lookup 色彩調整
#import "GPUImageAmatorkaFilter.h"               //Amatorka lookup
#import "GPUImageMissEtikateFilter.h"                //MissEtikate lookup
#import "GPUImageSoftEleganceFilter.h"          //SoftElegance lookup
#import "GPUImageAddBlendFilter.h"          //通常用於建立兩個影象之間的動畫變亮模糊效果
#import "GPUImageDivideBlendFilter.h"           //通常用於建立兩個影象之間的動畫變暗模糊效果
#import "GPUImagePolkaDotFilter.h"           //畫素圓點花樣
#import "GPUImageLocalBinaryPatternFilter.h"   //影象黑白化，並有大量噪點
#import "GPUImageLanczosResamplingFilter.h"          //Lanczos重取樣，模糊效果
#import "GPUImageAverageColor.h"                 //畫素平均色值
#import "GPUImageSolidColorGenerator.h"           //純色
#import "GPUImageLuminosity.h"                  //亮度平均
#import "GPUImageAverageLuminanceThresholdFilter.h"   //畫素色值亮度平均，影象黑白（有類似漫畫效果）
#import "GPUImageWhiteBalanceFilter.h"              //白平橫
#import "GPUImageChromaKeyFilter.h"                 //色度鍵
#import "GPUImageLowPassFilter.h"            //用於影象加亮
#import "GPUImageHighPassFilter.h"               //影象低於某值時顯示為黑
#import "GPUImageMotionDetector.h"        //動作檢測
#import "GPUImageHalftoneFilter.h"         //點染,影象黑白化，由黑點構成原圖的大致圖形
#import "GPUImageThresholdedNonMaximumSuppressionFilter.h"          //非最大抑制，只顯示亮度最高的畫素，其他為黑，畫素丟失更多
#import "GPUImageHoughTransformLineDetector.h"    //線條檢測
#import "GPUImageParallelCoordinateLineTransformFilter.h"  //平行線檢測
#import "GPUImageThresholdSketchFilter.h"    //閥值素描，形成有噪點的素描
#import "GPUImageLineGenerator.h"           // 線條
#import "GPUImageLinearBurnBlendFilter.h"
#import "GPUImageGaussianBlurPositionFilter.h"
#import "GPUImagePixellatePositionFilter.h"
#import "GPUImageTwoInputCrossTextureSamplingFilter.h"
#import "GPUImagePoissonBlendFilter.h"
#import "GPUImageMotionBlurFilter.h"
#import "GPUImageZoomBlurFilter.h"
#import "GPUImageLaplacianFilter.h"
#import "GPUImageiOSBlurFilter.h"
#import "GPUImageLuminanceRangeFilter.h"
#import "GPUImageDirectionalNonMaximumSuppressionFilter.h"
#import "GPUImageDirectionalSobelEdgeDetectionFilter.h"
#import "GPUImageSingleComponentGaussianBlurFilter.h"
#import "GPUImageThreeInputFilter.h"
#import "GPUImageWeakPixelInclusionFilter.h"
複製程式碼

程式碼傳送門 更多文章請訪問個人部落格

ps: 大神請輕噴，如果覺得還行，請點個star，謝謝！

如有需要，請關注公眾號JackerooChu,瞭解更多文章

公眾號

相關文章