GPUImage

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 功能非常強大,可以將照片做成類似于哈哈鏡的效果,效果圖如下:

原圖


處理后
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容