GPUImage的介紹
- GPUImage 是一個開源的基于GPU的圖片或視頻的處理框架窗怒，其本身內置了多達120多種常見的濾鏡效果
- GPUImage是利用GPU椒丧，使在圖片和視頻上應用不同的效果和濾鏡變得非常的容易商佛，同時它還擁有出色的性能戈毒，并且它的性能要比蘋果內置的相關APIs出色
高斯模糊(毛玻璃)效果
- 在iOS總實現(xiàn)毛玻璃效果方式有很多
- UIToolBar本身有毛玻璃效果
- iOS8之后UIVisualEffectView直接創(chuàng)建毛玻璃View
- 系統(tǒng)CoreImage框架中直接修改圖片
- GPUImage框架給圖片添加一層濾鏡
- 實現(xiàn)思路
- 獲取要修改成毛玻璃的圖片
- 給圖片添加濾鏡
- 生成新的圖片
- 實現(xiàn)代碼
fileprivate func generateBlurImage(_ sourceImage : UIImage) -> UIImage {
// 1.創(chuàng)建用于處理單張圖片(類似于美圖秀秀中打開相冊中的圖片進行處理)
let processView = GPUImagePicture(image: sourceImage)
// 2.創(chuàng)建濾鏡
let blurFilter = GPUImageGaussianBlurFilter()
// 紋理大小
blurFilter.texelSpacingMultiplier = 2.0
blurFilter.blurRadiusInPixels = 5.0
processView?.addTarget(blurFilter)
// 3.處理圖像
blurFilter.useNextFrameForImageCapture()
processView?.processImage()
// 4.獲取最新的圖像
return blurFilter.imageFromCurrentFramebuffer()
}
其他濾鏡效果
為多個target添加依賴庫
- 單個target
platform :ios, '8.0'
use_frameworks!
target 'targetName' do
pod 'GPUImage'
end
- 多個target依賴相同的庫(Ruby語法)
platform :ios, '9.0'
use_frameworks!
targetsArray = ['01-GPUImage毛玻璃', '02-GPUImage其他濾鏡']
targetsArray.each do |t|
target t do
pod 'GPUImage'
end
end
- 不同target依賴不同的庫
platform :ios, '8.0'
use_frameworks!
target 'targetName1' do
pod 'Alamofire'
end
target 'targetName2' do
pod 'Alamofire'
pod 'Kingfisher'
end
- 常見濾鏡
#pragma mark - 調整顏色 Handle Color
#import "GPUImageBrightnessFilter.h" //亮度
#import "GPUImageExposureFilter.h" //曝光
#import "GPUImageContrastFilter.h" //對比度
#import "GPUImageSaturationFilter.h" //飽和度
#import "GPUImageGammaFilter.h" //伽馬線
#import "GPUImageColorInvertFilter.h" //反色
#import "GPUImageSepiaFilter.h" //褐色（懷舊）
#import "GPUImageLevelsFilter.h" //色階
#import "GPUImageGrayscaleFilter.h" //灰度
#import "GPUImageHistogramFilter.h" //色彩直方圖袜刷，顯示在圖片上
#import "GPUImageHistogramGenerator.h" //色彩直方圖
#import "GPUImageRGBFilter.h" //RGB
#import "GPUImageToneCurveFilter.h" //色調曲線
#import "GPUImageMonochromeFilter.h" //單色
#import "GPUImageOpacityFilter.h" //不透明度
#import "GPUImageHighlightShadowFilter.h" //提亮陰影
#import "GPUImageFalseColorFilter.h" //色彩替換（替換亮部和暗部色彩）
#import "GPUImageHueFilter.h" //色度
#import "GPUImageChromaKeyFilter.h" //色度鍵
#import "GPUImageWhiteBalanceFilter.h" //白平橫
#import "GPUImageAverageColor.h" //像素平均色值
#import "GPUImageSolidColorGenerator.h" //純色
#import "GPUImageLuminosity.h" //亮度平均
#import "GPUImageAverageLuminanceThresholdFilter.h" //像素色值亮度平均，圖像黑白（有類似漫畫效果）
#import "GPUImageLookupFilter.h" //lookup 色彩調整
#import "GPUImageAmatorkaFilter.h" //Amatorka lookup
#import "GPUImageMissEtikateFilter.h" //MissEtikate lookup
#import "GPUImageSoftEleganceFilter.h" //SoftElegance lookup
#pragma mark - 圖像處理 Handle Image
#import "GPUImageCrosshairGenerator.h" //十字
#import "GPUImageLineGenerator.h" //線條
#import "GPUImageTransformFilter.h" //形狀變化
#import "GPUImageCropFilter.h" //剪裁
#import "GPUImageSharpenFilter.h" //銳化
#import "GPUImageUnsharpMaskFilter.h" //反遮罩銳化
#import "GPUImageFastBlurFilter.h" //模糊
#import "GPUImageGaussianBlurFilter.h" //高斯模糊
#import "GPUImageGaussianSelectiveBlurFilter.h" //高斯模糊愕宋，選擇部分清晰
#import "GPUImageBoxBlurFilter.h" //盒狀模糊
#import "GPUImageTiltShiftFilter.h" //條紋模糊玻靡，中間清晰，上下兩端模糊
#import "GPUImageMedianFilter.h" //中間值中贝，有種稍微模糊邊緣的效果
#import "GPUImageBilateralFilter.h" //雙邊模糊
#import "GPUImageErosionFilter.h" //侵蝕邊緣模糊囤捻，變黑白
#import "GPUImageRGBErosionFilter.h" //RGB侵蝕邊緣模糊，有色彩
#import "GPUImageDilationFilter.h" //擴展邊緣模糊邻寿，變黑白
#import "GPUImageRGBDilationFilter.h" //RGB擴展邊緣模糊蝎土，有色彩
#import "GPUImageOpeningFilter.h" //黑白色調模糊
#import "GPUImageRGBOpeningFilter.h" //彩色模糊
#import "GPUImageClosingFilter.h" //黑白色調模糊视哑，暗色會被提亮
#import "GPUImageRGBClosingFilter.h" //彩色模糊，暗色會被提亮
#import "GPUImageLanczosResamplingFilter.h" //Lanczos重取樣誊涯，模糊效果
#import "GPUImageNonMaximumSuppressionFilter.h" //非最大抑制挡毅，只顯示亮度最高的像素，其他為黑
#import "GPUImageThresholdedNonMaximumSuppressionFilter.h" //與上相比暴构，像素丟失更多
#import "GPUImageSobelEdgeDetectionFilter.h" //Sobel邊緣檢測算法(白邊跪呈，黑內容，有點漫畫的反色效果)
#import "GPUImageCannyEdgeDetectionFilter.h" //Canny邊緣檢測算法（比上更強烈的黑白對比度）
#import "GPUImageThresholdEdgeDetectionFilter.h" //閾值邊緣檢測（效果與上差別不大）
#import "GPUImagePrewittEdgeDetectionFilter.h" //普瑞維特(Prewitt)邊緣檢測(效果與Sobel差不多取逾，貌似更平滑)
#import "GPUImageXYDerivativeFilter.h" //XYDerivative邊緣檢測耗绿，畫面以藍色為主，綠色為邊緣砾隅，帶彩色
#import "GPUImageHarrisCornerDetectionFilter.h" //Harris角點檢測误阻，會有綠色小十字顯示在圖片角點處
#import "GPUImageNobleCornerDetectionFilter.h" //Noble角點檢測，檢測點更多
#import "GPUImageShiTomasiFeatureDetectionFilter.h" //ShiTomasi角點檢測晴埂，與上差別不大
#import "GPUImageMotionDetector.h" //動作檢測
#import "GPUImageHoughTransformLineDetector.h" //線條檢測
#import "GPUImageParallelCoordinateLineTransformFilter.h" //平行線檢測
#import "GPUImageLocalBinaryPatternFilter.h" //圖像黑白化究反，并有大量噪點
#import "GPUImageLowPassFilter.h" //用于圖像加亮
#import "GPUImageHighPassFilter.h" //圖像低于某值時顯示為黑
#pragma mark - 視覺效果 Visual Effect
#import "GPUImageSketchFilter.h" //素描
#import "GPUImageThresholdSketchFilter.h" //閥值素描，形成有噪點的素描
#import "GPUImageToonFilter.h" //卡通效果（黑色粗線描邊）
#import "GPUImageSmoothToonFilter.h" //相比上面的效果更細膩儒洛，上面是粗曠的畫風
#import "GPUImageKuwaharaFilter.h" //桑原(Kuwahara)濾波,水粉畫的模糊效果奴紧；處理時間比較長，慎用
#import "GPUImageMosaicFilter.h" //黑白馬賽克
#import "GPUImagePixellateFilter.h" //像素化
#import "GPUImagePolarPixellateFilter.h" //同心圓像素化
#import "GPUImageCrosshatchFilter.h" //交叉線陰影晶丘，形成黑白網狀畫面
#import "GPUImageColorPackingFilter.h" //色彩丟失，模糊（類似監(jiān)控攝像效果）
#import "GPUImageVignetteFilter.h" //暈影唐含，形成黑色圓形邊緣浅浮，突出中間圖像的效果
#import "GPUImageSwirlFilter.h" //漩渦，中間形成卷曲的畫面
#import "GPUImageBulgeDistortionFilter.h" //凸起失真捷枯，魚眼效果
#import "GPUImagePinchDistortionFilter.h" //收縮失真滚秩，凹面鏡
#import "GPUImageStretchDistortionFilter.h" //伸展失真，哈哈鏡
#import "GPUImageGlassSphereFilter.h" //水晶球效果
#import "GPUImageSphereRefractionFilter.h" //球形折射淮捆，圖形倒立
#import "GPUImagePosterizeFilter.h" //色調分離郁油，形成噪點效果
#import "GPUImageCGAColorspaceFilter.h" //CGA色彩濾鏡，形成黑攀痊、淺藍桐腌、紫色塊的畫面
#import "GPUImagePerlinNoiseFilter.h" //柏林噪點，花邊噪點
#import "GPUImage3x3ConvolutionFilter.h" //3x3卷積苟径，高亮大色塊變黑案站，加亮邊緣、線條等
#import "GPUImageEmbossFilter.h" //浮雕效果棘街，帶有點3d的感覺
#import "GPUImagePolkaDotFilter.h" //像素圓點花樣
#import "GPUImageHalftoneFilter.h" //點染,圖像黑白化蟆盐，由黑點構成原圖的大致圖形
#pragma mark - 混合模式 Blend
#import "GPUImageMultiplyBlendFilter.h" //通常用于創(chuàng)建陰影和深度效果
#import "GPUImageNormalBlendFilter.h" //正常
#import "GPUImageAlphaBlendFilter.h" //透明混合,通常用于在背景上應用前景的透明度
#import "GPUImageDissolveBlendFilter.h" //溶解
#import "GPUImageOverlayBlendFilter.h" //疊加,通常用于創(chuàng)建陰影效果
#import "GPUImageDarkenBlendFilter.h" //加深混合,通常用于重疊類型
#import "GPUImageLightenBlendFilter.h" //減淡混合,通常用于重疊類型
#import "GPUImageSourceOverBlendFilter.h" //源混合
#import "GPUImageColorBurnBlendFilter.h" //色彩加深混合
#import "GPUImageColorDodgeBlendFilter.h" //色彩減淡混合
#import "GPUImageScreenBlendFilter.h" //屏幕包裹,通常用于創(chuàng)建亮點和鏡頭眩光
#import "GPUImageExclusionBlendFilter.h" //排除混合
#import "GPUImageDifferenceBlendFilter.h" //差異混合,通常用于創(chuàng)建更多變動的顏色
#import "GPUImageSubtractBlendFilter.h" //差值混合,通常用于創(chuàng)建兩個圖像之間的動畫變暗模糊效果
#import "GPUImageHardLightBlendFilter.h" //強光混合,通常用于創(chuàng)建陰影效果
#import "GPUImageSoftLightBlendFilter.h" //柔光混合
#import "GPUImageChromaKeyBlendFilter.h" //色度鍵混合
#import "GPUImageMaskFilter.h" //遮罩混合
#import "GPUImageHazeFilter.h" //朦朧加暗
#import "GPUImageLuminanceThresholdFilter.h" //亮度閾
#import "GPUImageAdaptiveThresholdFilter.h" //自適應閾值
#import "GPUImageAddBlendFilter.h" //通常用于創(chuàng)建兩個圖像之間的動畫變亮模糊效果
#import "GPUImageDivideBlendFilter.h" //通常用于創(chuàng)建兩個圖像之間的動畫變暗模糊效果
GPUImage美顏相機
- GPUImageStillCamera用于拍攝當前手機的畫面, 但是通常不會用實時視頻的錄制(使用另外一個), 主要用戶拍攝某一個畫面, 并且保存(顯示)圖片
- GPUImageStillCamera->GPUImageFilter->GPUImageView 這樣,攝像機轉到濾鏡再轉到view上顯示出來.
//可以理解為設備
GPUImageStillCamera* imageCamera;
//filter濾鏡
GPUImageFilter* filter;
//顯示出來的view
GPUImageView* iv;
-
sessionPreset參數(shù)設置
image.png
image.png
class ViewController: UIViewController {
@IBOutlet var imageView : UIImageView!
fileprivate var stillCamera : GPUImageStillCamera?
fileprivate var filter : GPUImageBrightnessFilter!
override func viewDidLoad() {
super.viewDidLoad()
// 1.創(chuàng)建相機
stillCamera = GPUImageStillCamera(sessionPreset: AVCaptureSessionPreset640x480, cameraPosition: .front)
stillCamera?.outputImageOrientation = .portrait
// 2.創(chuàng)建濾鏡
filter = GPUImageBrightnessFilter()
filter.brightness = 0.3
stillCamera?.addTarget(filter)
// 3.創(chuàng)建顯示實時畫面的View
let showView = GPUImageView(frame: view.bounds)
view.insertSubview(showView, at: 0)
filter.addTarget(showView)
}
@IBAction func rotateCamera() {
stillCamera?.startCapture()
}
@IBAction func start() {
stillCamera?.rotateCamera()
}
@IBAction func stop() {
stillCamera?.capturePhotoAsImageProcessedUp(toFilter: filter, withCompletionHandler: { (image : UIImage?, error : Error?) in
UIImageWriteToSavedPhotosAlbum(image!, nil, nil, nil)
self.stillCamera?.stopCapture()
})
}
}
完整代碼
- 高斯模糊
import UIKit
import GPUImage
class ViewController: UIViewController {
@IBOutlet weak var imageView: UIImageView!
override func viewDidLoad() {
super.viewDidLoad()
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
//處理圖片的過程放在子線程承边，顯示圖片的時候回到主線程。
// 1.獲取修改的圖片
let sourceImage = UIImage(named: "test")!
// 2.使用GPUImage高斯模糊效果
// 2.1.如果是對圖像進行處理GPUImagePicture
let picProcess = GPUImagePicture(image: sourceImage)
// 2.2.添加需要處理的濾鏡
let blurFilter = GPUImageGaussianBlurFilter()
// 紋理
blurFilter.texelSpacingMultiplier = 5
//像素
blurFilter.blurRadiusInPixels = 5
//將濾鏡添加到processImage
picProcess?.addTarget(blurFilter)
// 2.3.處理圖片
//使用濾鏡處理下一次顯示的該圖片
blurFilter.useNextFrameForImageCapture()
picProcess?.processImage()
// 2.4.取出最新的圖片
let newImage = blurFilter.imageFromCurrentFramebuffer()
// 3.顯示最新的圖片
imageView.image = newImage
}
}
- 其他濾鏡
import UIKit
import GPUImage
class ViewController: UIViewController {
@IBOutlet weak var imageView: UIImageView!
fileprivate lazy var image : UIImage = UIImage(named: "test")!
override func viewDidLoad() {
super.viewDidLoad()
}
@IBAction func hese() {
let heseFilter = GPUImageSepiaFilter()
imageView.image = processImage(heseFilter)
}
@IBAction func katong() {
let heseFilter = GPUImageToonFilter()
imageView.image = processImage(heseFilter)
}
@IBAction func sumiao() {
let heseFilter = GPUImageSketchFilter()
imageView.image = processImage(heseFilter)
}
@IBAction func fudiao() {
let heseFilter = GPUImageEmbossFilter()
imageView.image = processImage(heseFilter)
}
private func processImage(_ filter : GPUImageFilter) -> UIImage? {
// 2.1.如果是對圖像進行處理GPUImagePicture
let picProcess = GPUImagePicture(image: image)
// 2.2.添加需要處理的濾鏡
picProcess?.addTarget(filter)
// 2.3.處理圖片
filter.useNextFrameForImageCapture()
picProcess?.processImage()
// 2.4.取出最新的圖片
return filter.imageFromCurrentFramebuffer()
}
}
- 美顏相機
import UIKit
import GPUImage
class ViewController: UIViewController {
@IBOutlet var imageView : UIImageView!
/// 參數(shù)一 分辨率 參數(shù)二 前置后置
fileprivate lazy var camera : GPUImageStillCamera = GPUImageStillCamera(sessionPreset: AVCaptureSessionPresetHigh, cameraPosition: .front)
fileprivate lazy var filter = GPUImageBrightnessFilter()
override func viewDidLoad() {
super.viewDidLoad()
// 1.創(chuàng)建GPUImageStillCamera
//方向石挂。
camera.outputImageOrientation = .portrait
// 2.創(chuàng)建濾鏡(美白/曝光)
// let filter = GPUImageBrightnessFilter()
filter.brightness = 0.7
camera.addTarget(filter)
// 3.創(chuàng)建GPUImageView,用于顯示實時畫面
let showView = GPUImageView(frame: view.bounds)
view.insertSubview(showView, at: 0)
filter.addTarget(showView)
// 4.開始捕捉畫面
camera.startCapture()
}
@IBAction func takePhoto() {
camera.capturePhotoAsImageProcessedUp(toFilter: filter, withCompletionHandler: { (image, error) in
UIImageWriteToSavedPhotosAlbum(image!, nil, nil, nil)
self.imageView.image = image
self.camera.stopCapture()
})
}
}
- 實時濾鏡
import UIKit
import GPUImage
class ViewController: UIViewController {
fileprivate lazy var camera : GPUImageVideoCamera = GPUImageVideoCamera(sessionPreset: AVCaptureSessionPreset640x480, cameraPosition: .back)
fileprivate lazy var filter = GPUImageBrightnessFilter()
override func viewDidLoad() {
super.viewDidLoad()
// 1.添加濾鏡
camera.outputImageOrientation = .portrait
camera.addTarget(filter)
camera.delegate = self
// 2.添加一個用于實時顯示畫面的GPUImageView
let showView = GPUImageView(frame: view.bounds)
view.addSubview(showView)
filter.addTarget(showView)
// 3.開始采集畫面
camera.startCapture()
}
}
extension ViewController : GPUImageVideoCameraDelegate {
func willOutputSampleBuffer(_ sampleBuffer: CMSampleBuffer!) {
print("采集到畫面")
}
}
