GPUImage的簡單使用
GPUImage 是一個開源的圖像處理庫,提供了非常多的濾鏡效果來加工圖片。GPUImage 并不像一般的第三方庫可以直接拖入到工程中使用,而是需要先在本地編譯,然后將編譯后的文件拖入到工程中使用。配置步驟如下:
(1):首先下載GPUImage? https://github.com/BradLarson/GPUImage
(2):解壓后,在framework 目錄下,打開 GPUImage.xcodeproj? 工程
(3):技術分享
把Headers文件夾下 Project中的頭文件,全部拖到 Public文件夾下面
(4):運行該工程
(5)點擊Products下的 libGPUImage.a,右鍵, show in finder
技術分享
(6)把該目錄下的libGpuImage.a 和 User文件夾拖到我們的工程下面
技術分享
(7)然后就可以使用 GPUImage了。一個示例代碼:
1 - (void)viewDidLoad {
2? ? [super viewDidLoad];
3
4? ? UIImage *inputImage = [UIImage imageNamed:@"zzy"];
5? ? //創(chuàng)建一個亮度的濾鏡
6 //? ? GPUImageBrightnessFilter *passthroughFilter = [[GPUImageBrightnessFilter alloc] init];
7 //? ? passthroughFilter.brightness = -0.5f;
8 //? ? //設置要渲染的區(qū)域
9 //? ? [passthroughFilter forceProcessingAtSize:inputImage.size];
10 //? ? [passthroughFilter useNextFrameForImageCapture];
11 //? ? //獲取數據源
12 //? ? GPUImagePicture *stillImageSource = [[GPUImagePicture alloc]initWithImage:inputImage];
13 //? ? //添加上濾鏡
14 //? ? [stillImageSource addTarget:passthroughFilter];
15 //? ? //開始渲染
16 //? ? [stillImageSource processImage];
17 //? ? //獲取渲染后的圖片
18 //? ? UIImage *newImage = [passthroughFilter imageFromCurrentFramebuffer];
19 //? ? //加載出來
20 //? ? UIImageView *imageView = [[UIImageView alloc] initWithImage:newImage];
21 //? ? imageView.frame = CGRectMake(0,0,inputImage.size.width ,inputImage.size.height);
22 //? ? [self.view addSubview:imageView];
23
24
25? ? //GPUImageStretchDistortionFilter *disFilter =[[GPUImageStretchDistortionFilter alloc] init];
26? ? //GPUImageBulgeDistortionFilter *disFilter = [[GPUImageBulgeDistortionFilter alloc] init];
27? ? //GPUImagePinchDistortionFilter *disFilter = [[GPUImagePinchDistortionFilter alloc] init];
28? ? //GPUImageGlassSphereFilter *disFilter = [[GPUImageGlassSphereFilter alloc] init];
29? ? //GPUImageSphereRefractionFilter *disFilter = [[GPUImageSphereRefractionFilter alloc] init];
30? ? //GPUImageToonFilter *disFilter = [[GPUImageToonFilter alloc] init];
31? ? GPUImageVignetteFilter *disFilter = [[GPUImageVignetteFilter alloc] init];
32? ? //設置要渲染的區(qū)域
33? ? [disFilter forceProcessingAtSize:inputImage.size];
34? ? [disFilter useNextFrameForImageCapture];
35? ? //獲取數據源
36? ? GPUImagePicture *stillImageSource = [[GPUImagePicture alloc]initWithImage:inputImage];
37? ? //添加上濾鏡
38? ? [stillImageSource addTarget:disFilter];
39? ? //開始渲染
40? ? [stillImageSource processImage];
41? ? //獲取渲染后的圖片
42? ? UIImage *newImage = [disFilter imageFromCurrentFramebuffer];
43? ? //加載出來
44? ? UIImageView *imageView = [[UIImageView alloc] initWithImage:newImage];
45? ? imageView.frame = CGRectMake(50,50,inputImage.size.width ,inputImage.size.height);
46? ? [self.view addSubview:imageView];
47 }
GPUImage提供的過濾器很多,每個頭文件就是一個過濾器,這里貼一個過濾器的簡介:
1 #import "GLProgram.h"
2
3 // Base classes
4 #import "GPUImageOpenGLESContext.h"
5 #import "GPUImageOutput.h"
6 #import "GPUImageView.h"
7 #import "GPUImageVideoCamera.h"
8 #import "GPUImageStillCamera.h"
9 #import "GPUImageMovie.h"
10 #import "GPUImagePicture.h"
11 #import "GPUImageRawDataInput.h"
12 #import "GPUImageRawDataOutput.h"
13 #import "GPUImageMovieWriter.h"
14 #import "GPUImageFilterPipeline.h"
15 #import "GPUImageTextureOutput.h"
16 #import "GPUImageFilterGroup.h"
17 #import "GPUImageTextureInput.h"
18 #import "GPUImageUIElement.h"
19 #import "GPUImageBuffer.h"
20
21 // Filters
22 #import "GPUImageFilter.h"
23 #import "GPUImageTwoInputFilter.h"
24
25
26 #pragma mark - 調整顏色 Handle Color
27
28 #import "GPUImageBrightnessFilter.h"? ? ? ? ? ? ? ? //亮度
29 #import "GPUImageExposureFilter.h"? ? ? ? ? ? ? ? ? //曝光
30 #import "GPUImageContrastFilter.h"? ? ? ? ? ? ? ? ? //對比度
31 #import "GPUImageSaturationFilter.h"? ? ? ? ? ? ? ? //飽和度
32 #import "GPUImageGammaFilter.h"? ? ? ? ? ? ? ? ? ? //伽馬線
33 #import "GPUImageColorInvertFilter.h"? ? ? ? ? ? ? //反色
34 #import "GPUImageSepiaFilter.h"? ? ? ? ? ? ? ? ? ? //褐色(懷舊)
35 #import "GPUImageLevelsFilter.h"? ? ? ? ? ? ? ? ? ? //色階
36 #import "GPUImageGrayscaleFilter.h"? ? ? ? ? ? ? ? //灰度
37 #import "GPUImageHistogramFilter.h"? ? ? ? ? ? ? ? //色彩直方圖,顯示在圖片上
38 #import "GPUImageHistogramGenerator.h"? ? ? ? ? ? ? //色彩直方圖
39 #import "GPUImageRGBFilter.h"? ? ? ? ? ? ? ? ? ? ? //RGB
40 #import "GPUImageToneCurveFilter.h"? ? ? ? ? ? ? ? //色調曲線
41 #import "GPUImageMonochromeFilter.h"? ? ? ? ? ? ? ? //單色
42 #import "GPUImageOpacityFilter.h"? ? ? ? ? ? ? ? ? //不透明度
43 #import "GPUImageHighlightShadowFilter.h"? ? ? ? ? //提亮陰影
44 #import "GPUImageFalseColorFilter.h"? ? ? ? ? ? ? ? //色彩替換(替換亮部和暗部色彩)
45 #import "GPUImageHueFilter.h"? ? ? ? ? ? ? ? ? ? ? //色度
46 #import "GPUImageChromaKeyFilter.h"? ? ? ? ? ? ? ? //色度鍵
47 #import "GPUImageWhiteBalanceFilter.h"? ? ? ? ? ? ? //白平橫
48 #import "GPUImageAverageColor.h"? ? ? ? ? ? ? ? ? ? //像素平均色值
49 #import "GPUImageSolidColorGenerator.h"? ? ? ? ? ? //純色
50 #import "GPUImageLuminosity.h"? ? ? ? ? ? ? ? ? ? ? //亮度平均
51 #import "GPUImageAverageLuminanceThresholdFilter.h" //像素色值亮度平均,圖像黑白(有類似漫畫效果)
52
53 #import "GPUImageLookupFilter.h"? ? ? ? ? ? ? ? ? ? //lookup 色彩調整
54 #import "GPUImageAmatorkaFilter.h"? ? ? ? ? ? ? ? ? //Amatorka lookup
55 #import "GPUImageMissEtikateFilter.h"? ? ? ? ? ? ? //MissEtikate lookup
56 #import "GPUImageSoftEleganceFilter.h"? ? ? ? ? ? ? //SoftElegance lookup
57
58
59
60
61 #pragma mark - 圖像處理 Handle Image
62
63 #import "GPUImageCrosshairGenerator.h"? ? ? ? ? ? ? //十字
64 #import "GPUImageLineGenerator.h"? ? ? ? ? ? ? ? ? //線條
65
66 #import "GPUImageTransformFilter.h"? ? ? ? ? ? ? ? //形狀變化
67 #import "GPUImageCropFilter.h"? ? ? ? ? ? ? ? ? ? ? //剪裁
68 #import "GPUImageSharpenFilter.h"? ? ? ? ? ? ? ? ? //銳化
69 #import "GPUImageUnsharpMaskFilter.h"? ? ? ? ? ? ? //反遮罩銳化
70
71 #import "GPUImageFastBlurFilter.h"? ? ? ? ? ? ? ? ? //模糊
72 #import "GPUImageGaussianBlurFilter.h"? ? ? ? ? ? ? //高斯模糊
73 #import "GPUImageGaussianSelectiveBlurFilter.h"? ? //高斯模糊,選擇部分清晰
74 #import "GPUImageBoxBlurFilter.h"? ? ? ? ? ? ? ? ? //盒狀模糊
75 #import "GPUImageTiltShiftFilter.h"? ? ? ? ? ? ? ? //條紋模糊,中間清晰,上下兩端模糊
76 #import "GPUImageMedianFilter.h"? ? ? ? ? ? ? ? ? ? //中間值,有種稍微模糊邊緣的效果
77 #import "GPUImageBilateralFilter.h"? ? ? ? ? ? ? ? //雙邊模糊
78 #import "GPUImageErosionFilter.h"? ? ? ? ? ? ? ? ? //侵蝕邊緣模糊,變黑白
79 #import "GPUImageRGBErosionFilter.h"? ? ? ? ? ? ? ? //RGB侵蝕邊緣模糊,有色彩
80 #import "GPUImageDilationFilter.h"? ? ? ? ? ? ? ? ? //擴展邊緣模糊,變黑白
81 #import "GPUImageRGBDilationFilter.h"? ? ? ? ? ? ? //RGB擴展邊緣模糊,有色彩
82 #import "GPUImageOpeningFilter.h"? ? ? ? ? ? ? ? ? //黑白色調模糊
83 #import "GPUImageRGBOpeningFilter.h"? ? ? ? ? ? ? ? //彩色模糊
84 #import "GPUImageClosingFilter.h"? ? ? ? ? ? ? ? ? //黑白色調模糊,暗色會被提亮
85 #import "GPUImageRGBClosingFilter.h"? ? ? ? ? ? ? ? //彩色模糊,暗色會被提亮
86 #import "GPUImageLanczosResamplingFilter.h"? ? ? ? //Lanczos重取樣,模糊效果
87 #import "GPUImageNonMaximumSuppressionFilter.h"? ? //非最大抑制,只顯示亮度最高的像素,其他為黑
88 #import "GPUImageThresholdedNonMaximumSuppressionFilter.h" //與上相比,像素丟失更多
89
90 #import "GPUImageSobelEdgeDetectionFilter.h"? ? ? ? //Sobel邊緣檢測算法(白邊,黑內容,有點漫畫的反色效果)
91 #import "GPUImageCannyEdgeDetectionFilter.h"? ? ? ? //Canny邊緣檢測算法(比上更強烈的黑白對比度)
92 #import "GPUImageThresholdEdgeDetectionFilter.h"? ? //閾值邊緣檢測(效果與上差別不大)
93 #import "GPUImagePrewittEdgeDetectionFilter.h"? ? ? //普瑞維特(Prewitt)邊緣檢測(效果與Sobel差不多,貌似更平滑)
94 #import "GPUImageXYDerivativeFilter.h"? ? ? ? ? ? ? //XYDerivative邊緣檢測,畫面以藍色為主,綠色為邊緣,帶彩色
95 #import "GPUImageHarrisCornerDetectionFilter.h"? ? //Harris角點檢測,會有綠色小十字顯示在圖片角點處
96 #import "GPUImageNobleCornerDetectionFilter.h"? ? ? //Noble角點檢測,檢測點更多
97 #import "GPUImageShiTomasiFeatureDetectionFilter.h" //ShiTomasi角點檢測,與上差別不大
98 #import "GPUImageMotionDetector.h"? ? ? ? ? ? ? ? ? //動作檢測
99 #import "GPUImageHoughTransformLineDetector.h"? ? ? //線條檢測
100 #import "GPUImageParallelCoordinateLineTransformFilter.h" //平行線檢測
101
102 #import "GPUImageLocalBinaryPatternFilter.h"? ? ? ? //圖像黑白化,并有大量噪點
103
104 #import "GPUImageLowPassFilter.h"? ? ? ? ? ? ? ? ? //用于圖像加亮
105 #import "GPUImageHighPassFilter.h"? ? ? ? ? ? ? ? ? //圖像低于某值時顯示為黑
106
107
108 #pragma mark - 視覺效果 Visual Effect
109
110 #import "GPUImageSketchFilter.h"? ? ? ? ? ? ? ? ? ? //素描
111 #import "GPUImageThresholdSketchFilter.h"? ? ? ? ? //閥值素描,形成有噪點的素描
112 #import "GPUImageToonFilter.h"? ? ? ? ? ? ? ? ? ? ? //卡通效果(黑色粗線描邊)
113 #import "GPUImageSmoothToonFilter.h"? ? ? ? ? ? ? ? //相比上面的效果更細膩,上面是粗曠的畫風
114 #import "GPUImageKuwaharaFilter.h"? ? ? ? ? ? ? ? ? //桑原(Kuwahara)濾波,水粉畫的模糊效果;處理時間比較長,慎用
115
116 #import "GPUImageMosaicFilter.h"? ? ? ? ? ? ? ? ? ? //黑白馬賽克
117 #import "GPUImagePixellateFilter.h"? ? ? ? ? ? ? ? //像素化
118 #import "GPUImagePolarPixellateFilter.h"? ? ? ? ? ? //同心圓像素化
119 #import "GPUImageCrosshatchFilter.h"? ? ? ? ? ? ? ? //交叉線陰影,形成黑白網狀畫面
120 #import "GPUImageColorPackingFilter.h"? ? ? ? ? ? ? //色彩丟失,模糊(類似監(jiān)控攝像效果)
121
122 #import "GPUImageVignetteFilter.h"? ? ? ? ? ? ? ? ? //暈影,形成黑色圓形邊緣,突出中間圖像的效果
123 #import "GPUImageSwirlFilter.h"? ? ? ? ? ? ? ? ? ? //漩渦,中間形成卷曲的畫面
124 #import "GPUImageBulgeDistortionFilter.h"? ? ? ? ? //凸起失真,魚眼效果
125 #import "GPUImagePinchDistortionFilter.h"? ? ? ? ? //收縮失真,凹面鏡
126 #import "GPUImageStretchDistortionFilter.h"? ? ? ? //伸展失真,哈哈鏡
127 #import "GPUImageGlassSphereFilter.h"? ? ? ? ? ? ? //水晶球效果
128 #import "GPUImageSphereRefractionFilter.h"? ? ? ? ? //球形折射,圖形倒立
129
130 #import "GPUImagePosterizeFilter.h"? ? ? ? ? ? ? ? //色調分離,形成噪點效果
131 #import "GPUImageCGAColorspaceFilter.h"? ? ? ? ? ? //CGA色彩濾鏡,形成黑、淺藍、紫色塊的畫面
132 #import "GPUImagePerlinNoiseFilter.h"? ? ? ? ? ? ? //柏林噪點,花邊噪點
133 #import "GPUImage3x3ConvolutionFilter.h"? ? ? ? ? ? //3x3卷積,高亮大色塊變黑,加亮邊緣、線條等
134 #import "GPUImageEmbossFilter.h"? ? ? ? ? ? ? ? ? ? //浮雕效果,帶有點3d的感覺
135 #import "GPUImagePolkaDotFilter.h"? ? ? ? ? ? ? ? ? //像素圓點花樣
136 #import "GPUImageHalftoneFilter.h"? ? ? ? ? ? ? ? ? //點染,圖像黑白化,由黑點構成原圖的大致圖形
137
138
139 #pragma mark - 混合模式 Blend
140
141 #import "GPUImageMultiplyBlendFilter.h"? ? ? ? ? ? //通常用于創(chuàng)建陰影和深度效果
142 #import "GPUImageNormalBlendFilter.h"? ? ? ? ? ? ? //正常
143 #import "GPUImageAlphaBlendFilter.h"? ? ? ? ? ? ? ? //透明混合,通常用于在背景上應用前景的透明度
144 #import "GPUImageDissolveBlendFilter.h"? ? ? ? ? ? //溶解
145 #import "GPUImageOverlayBlendFilter.h"? ? ? ? ? ? ? //疊加,通常用于創(chuàng)建陰影效果
146 #import "GPUImageDarkenBlendFilter.h"? ? ? ? ? ? ? //加深混合,通常用于重疊類型
147 #import "GPUImageLightenBlendFilter.h"? ? ? ? ? ? ? //減淡混合,通常用于重疊類型
148 #import "GPUImageSourceOverBlendFilter.h"? ? ? ? ? //源混合
149 #import "GPUImageColorBurnBlendFilter.h"? ? ? ? ? ? //色彩加深混合
150 #import "GPUImageColorDodgeBlendFilter.h"? ? ? ? ? //色彩減淡混合
151 #import "GPUImageScreenBlendFilter.h"? ? ? ? ? ? ? //屏幕包裹,通常用于創(chuàng)建亮點和鏡頭眩光
152 #import "GPUImageExclusionBlendFilter.h"? ? ? ? ? ? //排除混合
153 #import "GPUImageDifferenceBlendFilter.h"? ? ? ? ? //差異混合,通常用于創(chuàng)建更多變動的顏色
154 #import "GPUImageSubtractBlendFilter.h"? ? ? ? ? ? //差值混合,通常用于創(chuàng)建兩個圖像之間的動畫變暗模糊效果
155 #import "GPUImageHardLightBlendFilter.h"? ? ? ? ? ? //強光混合,通常用于創(chuàng)建陰影效果
156 #import "GPUImageSoftLightBlendFilter.h"? ? ? ? ? ? //柔光混合
157 #import "GPUImageChromaKeyBlendFilter.h"? ? ? ? ? ? //色度鍵混合
158 #import "GPUImageMaskFilter.h"? ? ? ? ? ? ? ? ? ? ? //遮罩混合
159 #import "GPUImageHazeFilter.h"? ? ? ? ? ? ? ? ? ? ? //朦朧加暗
160 #import "GPUImageLuminanceThresholdFilter.h"? ? ? ? //亮度閾
161 #import "GPUImageAdaptiveThresholdFilter.h"? ? ? ? //自適應閾值
162 #import "GPUImageAddBlendFilter.h"? ? ? ? ? ? ? ? ? //通常用于創(chuàng)建兩個圖像之間的動畫變亮模糊效果
163 #import "GPUImageDivideBlendFilter.h"? ? ? ? ? ? ? //通常用于創(chuàng)建兩個圖像之間的動畫變暗模糊效果
164
165
166 #pragma mark - 尚不清楚
167 #import "GPUImageJFAVoroniFilter.h"
168 #import "GPUImageVoroniConsumerFilter.h"
PS:GPUImage 功能非常強大,可以將照片做成類似于哈哈鏡的效果,效果圖如下:

