美颜滤镜效果

GPUImage的介绍

• GPUImage 是一个开源的基于GPU的图片或视频的处理框架&＃xff0c;其本身内置了多达120多种常见的滤镜效果
• GPUImage是利用GPU&＃xff0c;使在图片和视频上应用不同的效果和滤镜变得非常的容易&＃xff0c;同时它还拥有出色的性能&＃xff0c;并且它的性能要比苹果内置的相关APIs出色

高斯模糊(毛玻璃)效果

• 在iOS总实现毛玻璃效果方式有很多
  • UIToolBar本身有毛玻璃效果
  • iOS8之后UIVisualEffectView直接创建毛玻璃View
  • 系统CoreImage框架中直接修改图片
  • GPUImage框架给图片添加一层滤镜
• 实现思路
  • 获取要修改成毛玻璃的图片
  • 给图片添加滤镜
  • 生成新的图片
• 实现代码

• fileprivate func generateBlurImage(_ sourceImage : UIImage) -> UIImage {// 1.创建用于处理单张图片(类似于美图秀秀中打开相册中的图片进行处理)let processView &＃61; GPUImagePicture(image: sourceImage)// 2.创建滤镜let blurFilter &＃61; GPUImageGaussianBlurFilter()// 纹理大小blurFilter.texelSpacingMultiplier &＃61; 2.0blurFilter.blurRadiusInPixels &＃61; 5.0processView?.addTarget(blurFilter)// 3.处理图像blurFilter.useNextFrameForImageCapture()processView?.processImage()// 4.获取最新的图像return blurFilter.imageFromCurrentFramebuffer()}

  
  

其他滤镜效果

为多个target添加依赖库

• 单个target

• platform :ios, &＃39;8.0&＃39;
use_frameworks!
target &＃39;targetName&＃39; dopod &＃39;GPUImage&＃39;
end

• 多个target依赖相同的库(Ruby语法)

• platform :ios, &＃39;9.0&＃39;
use_frameworks!targetsArray &＃61; [&＃39;01-GPUImage毛玻璃&＃39;, &＃39;02-GPUImage其他滤镜&＃39;]targetsArray.each do |t|target t dopod &＃39;GPUImage&＃39;end
end

• 不同target依赖不同的库

• platform :ios, &＃39;8.0&＃39;
use_frameworks!
target &＃39;targetName1&＃39; dopod &＃39;Alamofire&＃39;
endtarget &＃39;targetName2&＃39; dopod &＃39;Alamofire&＃39;pod &＃39;Kingfisher&＃39;
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" //褐色&＃xff08;怀旧&＃xff09;#import "GPUImageLevelsFilter.h" //色阶#import "GPUImageGrayscaleFilter.h" //灰度#import "GPUImageHistogramFilter.h" //色彩直方图&＃xff0c;显示在图片上#import "GPUImageHistogramGenerator.h" //色彩直方图#import "GPUImageRGBFilter.h" //RGB#import "GPUImageToneCurveFilter.h" //色调曲线#import "GPUImageMonochromeFilter.h" //单色#import "GPUImageOpacityFilter.h" //不透明度#import "GPUImageHighlightShadowFilter.h" //提亮阴影#import "GPUImageFalseColorFilter.h" //色彩替换&＃xff08;替换亮部和暗部色彩&＃xff09;#import "GPUImageHueFilter.h" //色度#import "GPUImageChromaKeyFilter.h" //色度键#import "GPUImageWhiteBalanceFilter.h" //白平横#import "GPUImageAverageColor.h" //像素平均色值#import "GPUImageSolidColorGenerator.h" //纯色#import "GPUImageLuminosity.h" //亮度平均#import "GPUImageAverageLuminanceThresholdFilter.h" //像素色值亮度平均&＃xff0c;图像黑白&＃xff08;有类似漫画效果&＃xff09;#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" //高斯模糊&＃xff0c;选择部分清晰#import "GPUImageBoxBlurFilter.h" //盒状模糊#import "GPUImageTiltShiftFilter.h" //条纹模糊&＃xff0c;中间清晰&＃xff0c;上下两端模糊#import "GPUImageMedianFilter.h" //中间值&＃xff0c;有种稍微模糊边缘的效果#import "GPUImageBilateralFilter.h" //双边模糊#import "GPUImageErosionFilter.h" //侵蚀边缘模糊&＃xff0c;变黑白#import "GPUImageRGBErosionFilter.h" //RGB侵蚀边缘模糊&＃xff0c;有色彩#import "GPUImageDilationFilter.h" //扩展边缘模糊&＃xff0c;变黑白#import "GPUImageRGBDilationFilter.h" //RGB扩展边缘模糊&＃xff0c;有色彩#import "GPUImageOpeningFilter.h" //黑白色调模糊#import "GPUImageRGBOpeningFilter.h" //彩色模糊#import "GPUImageClosingFilter.h" //黑白色调模糊&＃xff0c;暗色会被提亮#import "GPUImageRGBClosingFilter.h" //彩色模糊&＃xff0c;暗色会被提亮#import "GPUImageLanczosResamplingFilter.h" //Lanczos重取样&＃xff0c;模糊效果#import "GPUImageNonMaximumSuppressionFilter.h" //非最大抑制&＃xff0c;只显示亮度最高的像素&＃xff0c;其他为黑#import "GPUImageThresholdedNonMaximumSuppressionFilter.h" //与上相比&＃xff0c;像素丢失更多#import "GPUImageSobelEdgeDetectionFilter.h" //Sobel边缘检测算法(白边&＃xff0c;黑内容&＃xff0c;有点漫画的反色效果)#import "GPUImageCannyEdgeDetectionFilter.h" //Canny边缘检测算法&＃xff08;比上更强烈的黑白对比度&＃xff09;#import "GPUImageThresholdEdgeDetectionFilter.h" //阈值边缘检测&＃xff08;效果与上差别不大&＃xff09;#import "GPUImagePrewittEdgeDetectionFilter.h" //普瑞维特(Prewitt)边缘检测(效果与Sobel差不多&＃xff0c;貌似更平滑)#import "GPUImageXYDerivativeFilter.h" //XYDerivative边缘检测&＃xff0c;画面以蓝色为主&＃xff0c;绿色为边缘&＃xff0c;带彩色#import "GPUImageHarrisCornerDetectionFilter.h" //Harris角点检测&＃xff0c;会有绿色小十字显示在图片角点处#import "GPUImageNobleCornerDetectionFilter.h" //Noble角点检测&＃xff0c;检测点更多#import "GPUImageShiTomasiFeatureDetectionFilter.h" //ShiTomasi角点检测&＃xff0c;与上差别不大#import "GPUImageMotionDetector.h" //动作检测#import "GPUImageHoughTransformLineDetector.h" //线条检测#import "GPUImageParallelCoordinateLineTransformFilter.h" //平行线检测#import "GPUImageLocalBinaryPatternFilter.h" //图像黑白化&＃xff0c;并有大量噪点#import "GPUImageLowPassFilter.h" //用于图像加亮#import "GPUImageHighPassFilter.h" //图像低于某值时显示为黑#pragma mark - 视觉效果 Visual Effect#import "GPUImageSketchFilter.h" //素描#import "GPUImageThresholdSketchFilter.h" //阀值素描&＃xff0c;形成有噪点的素描#import "GPUImageToonFilter.h" //卡通效果&＃xff08;黑色粗线描边&＃xff09;#import "GPUImageSmoothToonFilter.h" //相比上面的效果更细腻&＃xff0c;上面是粗旷的画风#import "GPUImageKuwaharaFilter.h" //桑原(Kuwahara)滤波,水粉画的模糊效果&＃xff1b;处理时间比较长&＃xff0c;慎用#import "GPUImageMosaicFilter.h" //黑白马赛克#import "GPUImagePixellateFilter.h" //像素化#import "GPUImagePolarPixellateFilter.h" //同心圆像素化#import "GPUImageCrosshatchFilter.h" //交叉线阴影&＃xff0c;形成黑白网状画面#import "GPUImageColorPackingFilter.h" //色彩丢失&＃xff0c;模糊&＃xff08;类似监控摄像效果&＃xff09;#import "GPUImageVignetteFilter.h" //晕影&＃xff0c;形成黑色圆形边缘&＃xff0c;突出中间图像的效果#import "GPUImageSwirlFilter.h" //漩涡&＃xff0c;中间形成卷曲的画面#import "GPUImageBulgeDistortionFilter.h" //凸起失真&＃xff0c;鱼眼效果#import "GPUImagePinchDistortionFilter.h" //收缩失真&＃xff0c;凹面镜#import "GPUImageStretchDistortionFilter.h" //伸展失真&＃xff0c;哈哈镜#import "GPUImageGlassSphereFilter.h" //水晶球效果#import "GPUImageSphereRefractionFilter.h" //球形折射&＃xff0c;图形倒立#import "GPUImagePosterizeFilter.h" //色调分离&＃xff0c;形成噪点效果#import "GPUImageCGAColorspaceFilter.h" //CGA色彩滤镜&＃xff0c;形成黑、浅蓝、紫色块的画面#import "GPUImagePerlinNoiseFilter.h" //柏林噪点&＃xff0c;花边噪点#import "GPUImage3x3ConvolutionFilter.h" //3x3卷积&＃xff0c;高亮大色块变黑&＃xff0c;加亮边缘、线条等#import "GPUImageEmbossFilter.h" //浮雕效果&＃xff0c;带有点3d的感觉#import "GPUImagePolkaDotFilter.h" //像素圆点花样#import "GPUImageHalftoneFilter.h" //点染,图像黑白化&＃xff0c;由黑点构成原图的大致图形#pragma mark - 混合模式 Blend#import "GPUImageMultiplyBlendFilter.h" //通常用于创建阴影和深度效果#import "GPUImageNormalBlendFilter.h" //正常#import "GPUImageAlphaBlendFilter.h" //透明混合,通常用于在背景上应用前景的透明度#import "GPUImageDissolveBlendFilter.h" //溶解#import "GPUImageOverlayBlendFilter.h" //叠加,通常用于创建阴影效果#import "GPUImageDarkenBlendFilter.h" //加深混合,通常用于重叠类型#import "GPUImageLightenBlendFilter.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 "GPUImageChromaKeyBlendFilter.h" //色度键混合#import "GPUImageMaskFilter.h" //遮罩混合#import "GPUImageHazeFilter.h" //朦胧加暗#import "GPUImageLuminanceThresholdFilter.h" //亮度阈#import "GPUImageAdaptiveThresholdFilter.h" //自适应阈值#import "GPUImageAddBlendFilter.h" //通常用于创建两个图像之间的动画变亮模糊效果#import "GPUImageDivideBlendFilter.h" //通常用于创建两个图像之间的动画变暗模糊效果
  
  

GPUImage美颜相机

• GPUImageStillCamera用于拍摄当前手机的画面, 但是通常不会用实时视频的录制(使用另外一个), 主要用户拍摄某一个画面, 并且保存(显示)图片
• GPUImageStillCamera->GPUImageFilter->GPUImageView 这样,摄像机转到滤镜再转到view上显示出来.

• //可以理解为设备
GPUImageStillCamera* imageCamera;
//filter滤镜
GPUImageFilter* filter;
//显示出来的view
GPUImageView* iv;

• sessionPreset参数设置
  
  

• class ViewController: UIViewController {&＃64;IBOutlet var imageView : UIImageView!fileprivate var stillCamera : GPUImageStillCamera?fileprivate var filter : GPUImageBrightnessFilter!override func viewDidLoad() {super.viewDidLoad()// 1.创建相机stillCamera &＃61; GPUImageStillCamera(sessionPreset: AVCaptureSessionPreset640x480, cameraPosition: .front)stillCamera?.outputImageOrientation &＃61; .portrait// 2.创建滤镜filter &＃61; GPUImageBrightnessFilter()filter.brightness &＃61; 0.3stillCamera?.addTarget(filter)// 3.创建显示实时画面的Viewlet showView &＃61; GPUImageView(frame: view.bounds)view.insertSubview(showView, at: 0)filter.addTarget(showView)}&＃64;IBAction func rotateCamera() {stillCamera?.startCapture()}&＃64;IBAction func start() {stillCamera?.rotateCamera()}&＃64;IBAction func stop() {stillCamera?.capturePhotoAsImageProcessedUp(toFilter: filter, withCompletionHandler: { (image : UIImage?, error : Error?) inUIImageWriteToSavedPhotosAlbum(image!, nil, nil, nil)self.stillCamera?.stopCapture()})}
}

  GPUImage滤镜效果(滤镜基本上都有属性可以设置&＃xff0c;属性值设置的不同&＃xff0c;滤镜效果不同)

  1、GPUImageSepiaFilter &＃xff0c;怀旧、褐色滤镜

  
  

  2、GPUImageHalftoneFilter &＃xff0c;中间色调、黑白滤镜

  
  

  3、GPUImageEmbossFilter&＃xff0c; 浮雕滤镜
  

  
  

  4、GPUImageToonFilter &＃xff0c;卡通滤镜

  
  

  5、GPUImageSketchFilter  &＃xff0c;素描滤镜

  
  

  6、GPUImageZoomBlurFilter &＃xff0c;放缩毛玻璃滤镜

  
  

  7、GPUImageWhiteBalanceFilter&＃xff0c;白平衡滤镜

  
  

  8、GPUImageVignetteFilter&＃xff0c;晕映滤镜

  
  

  9、GPUImageTransformFilter&＃xff0c;旋转滤镜

  
  

  10、GPUImageSwirlFilter&＃xff0c;螺旋滤镜

  
  

  11、GPUImageStretchDistortionFilter&＃xff0c;拉伸滤镜

  
  

  12、GPUImageSphereRefractionFilter&＃xff0c;球面滤镜

  
  

  13、GPUImageSharpenFilter&＃xff0c;尖锐滤镜

  
  

  14、GPUImageSaturationFilter&＃xff0c;饱和度滤镜

  
  

  15、GPUImageRGBFilter&＃xff0c;rgb滤镜

  
  

  16、GPUImagePosterizeFilter&＃xff0c;色调分离滤镜

  
  

  17、GPUImagePolarPixellateFilter&＃xff0c;边缘像素滤镜

  
  

  18、GPUImagePixellatePositionFilter&＃xff0c;局部像素化(马赛克)滤镜

  
  

  19、GPUImagePixellateFilter&＃xff0c;像素化(马赛克)滤镜

  
  

  20、GPUImagePinchDistortionFilter&＃xff0c;拉伸滤镜

  
  

  21、GPUImageOpacityFilter&＃xff0c;透明滤镜

  
  

  22、GPUImageMotionBlurFilter&＃xff0c;单色模糊滤镜

  
  

  23、GPUImageMonochromeFilter&＃xff0c;单色滤镜

  
  

  24、GPUImageLuminanceThresholdFilter&＃xff0c;黑白灰度滤镜

  
  

  25、GPUImageLuminanceRangeFilter&＃xff0c;灰度差值滤镜

  
  

  26、GPUImageLevelsFilter&＃xff0c;色阶滤镜

  
  

  27、GPUImageKuwaharaRadius3Filter&＃xff0c;叠原滤镜

  
  

  28、GPUImageHueFilter&＃xff0c;色调滤镜

  
  

  29、GPUImageHighlightShadowFilter&＃xff0c;高光阴影滤镜

  
  

  30、GPUImageHazeFilter&＃xff0c;朦胧滤镜

  
  

  31、GPUImageGrayscaleFilter&＃xff0c;黑白&＃xff08;灰度&＃xff09;滤镜

  
  

  32、GPUImageGammaFilter&＃xff0c;灰度系数滤镜

  
  

  33、GPUImageFalseColorFilter&＃xff0c;人工换色滤镜

  
  

  34、GPUImageExposureFilter&＃xff0c;曝光度滤镜

  
  

  35、GPUImageDirectionalNonMaximumSuppressionFilter&＃xff0c;定向抑制滤镜

  
  

  36、GPUImageCrosshatchFilter&＃xff0c;交叉阴影滤镜

  
  

  37、GPUImageContrastFilter&＃xff0c;对比度滤镜

  
  

  38、GPUImageColorPackingFilter&＃xff0c;彩色包装滤镜

  
  

  39、GPUImageColorInvertFilter&＃xff0c;反色滤镜

  
  

  40、GPUImageChromaKeyFilter&＃xff0c;色键滤镜

  
  

  41、GPUImageCGAColorspaceFilter&＃xff0c;CGA色彩滤镜

  
  

  42、GPUImageBulgeDistortionFilter&＃xff0c;凸镜滤镜

  
  

  43、GPUImageBrightnessFilter&＃xff0c;亮度滤镜

  
  

  44、GPUImageBoxBlurFilter&＃xff0c;盒状模糊滤镜

  
  

  45、GPUImageGaussianBlurFilter&＃xff0c;高斯模糊滤镜

  
  

  
  

  以上滤镜效果对应的代码如下

  //
// ViewController.swift
// GPUImageTest
//
// Created by fe on 2018/6/12.
// Copyright © 2018年 fe. All rights reserved.
//import UIKit
import GPUImage
class ViewController: UIViewController {fileprivate lazy var image : UIImage &＃61; UIImage(named: "test")!&＃64;IBOutlet var imageView: UIImageView!override func viewDidLoad() {super.viewDidLoad()}override func touchesBegan(_ touches: Set, with event: UIEvent?) {self.imageView.image &＃61; gaussianBlur()}//0.使用GPUImage对图片做滤镜处理fileprivate func blurFilter(filter : GPUImageFilter) -> UIImage?{//1.使用GPUImage对图片进行高斯模糊处理(毛玻璃效果)//1.1获取GPUImagePicturelet gpuimagepic &＃61; GPUImagePicture(image: image)//1.2添加需要处理的滤镜gpuimagepic?.addTarget(filter)//1.3处理图片filter.useNextFrameForImageCapture()gpuimagepic?.processImage()//1.4取出最新的图片let newimage &＃61; filter.imageFromCurrentFramebuffer()return newimage}//1.高斯模糊(毛玻璃效果)滤镜fileprivate func gaussianBlur() -> UIImage?{//创建需要处理的滤镜let blurFilter &＃61; GPUImageGaussianBlurFilter()//纹理大小blurFilter.texelSpacingMultiplier &＃61; 3//每个像素点的模糊程度blurFilter.blurRadiusInPixels &＃61; 2return self.blurFilter(filter: blurFilter)}//2.盒状模糊滤镜fileprivate func boxBlurFilter()->UIImage?{let boxBlurFilter &＃61; GPUImageBoxBlurFilter()return self.blurFilter(filter: boxBlurFilter)}//3.亮度滤镜fileprivate func brightnessFilter()->UIImage?{let brightnessFilter &＃61; GPUImageBrightnessFilter()// Brightness ranges from -1.0 to 1.0, with 0.0 as the normal levelbrightnessFilter.brightness &＃61; 0.3return self.blurFilter(filter: brightnessFilter)}//4.凸镜滤镜fileprivate func bulgeDistortionFilter()->UIImage?{let bulgeDistortionFilter &＃61; GPUImageBulgeDistortionFilter()bulgeDistortionFilter.center &＃61; CGPoint(x: 0.5, y: 0.5)bulgeDistortionFilter.radius &＃61; 0.5bulgeDistortionFilter.scale &＃61; 0.6return self.blurFilter(filter: bulgeDistortionFilter)}//5.CGA色彩滤镜,形成黑、浅蓝、紫色块的画面fileprivate func colorspaceFilter()->UIImage?{let colorspaceFilter &＃61; GPUImageCGAColorspaceFilter()return self.blurFilter(filter: colorspaceFilter)}//6.色键滤镜&＃xff0c;&＃xff08;smoothing &＃61; 0.1 &＃xff0c;thresholdSensitivity &＃61; 0.5 可以把背景替换为白色&＃xff09;fileprivate func chromaKeyFilter()->UIImage?{let chromaKeyFilter &＃61; GPUImageChromaKeyFilter()chromaKeyFilter.smoothing &＃61; 0.12chromaKeyFilter.thresholdSensitivity &＃61; 0.5return self.blurFilter(filter: chromaKeyFilter)}//7.反色滤镜&＃xff0c;X光效果fileprivate func colorInvertFilter()->UIImage?{let colorInvertFilter &＃61; GPUImageColorInvertFilter()return self.blurFilter(filter: colorInvertFilter)}//8.彩色包装滤镜fileprivate func colorPackingFilter()->UIImage?{let colorPackingFilter &＃61; GPUImageColorPackingFilter()return self.blurFilter(filter: colorPackingFilter)}//9.对比度滤镜fileprivate func contrastFilter()->UIImage?{let contrastFilter &＃61; GPUImageContrastFilter()/** Contrast ranges from 0.0 to 4.0 (max contrast), with 1.0 as the normal level*/contrastFilter.contrast &＃61; 4.0return self.blurFilter(filter: contrastFilter)}//10.交叉阴影滤镜fileprivate func crosshatchFilter()->UIImage?{let crosshatchFilter &＃61; GPUImageCrosshatchFilter()crosshatchFilter.crossHatchSpacing &＃61; 0.05crosshatchFilter.lineWidth &＃61; 0.002return self.blurFilter(filter: crosshatchFilter)}//11.定向抑制滤镜 fileprivate func suppressionFilter()->UIImage?{let suppressionFilter &＃61; GPUImageDirectionalNonMaximumSuppressionFilter()//suppressionFilter.texelWidth &＃61; 0 //纹素像素宽度//suppressionFilter.texelHeight &＃61; 0 //文素像素高度//suppressionFilter.upperThreshold &＃61; 0 //亮度阀值//suppressionFilter.lowerThreshold &＃61; 0 //亮度阀值return self.blurFilter(filter: suppressionFilter)}//12.曝光度滤镜fileprivate func exposureFilter()->UIImage?{let exposureFilter &＃61; GPUImageExposureFilter()exposureFilter.exposure &＃61; -1 //曝光度 -10&＃xff5e;10 默认0return self.blurFilter(filter: exposureFilter)}//13.人工换色滤镜fileprivate func falseColorFilter()->UIImage?{let falseColorFilter &＃61; GPUImageFalseColorFilter()falseColorFilter.firstColor &＃61; GPUVector4(one: 0.8, two: 0.5, three: 0, four: 0.0) //用于替换图片上深色区域的颜色 &＃xff0c;设置参数类似RGBfalseColorFilter.secondColor &＃61; GPUVector4(one: 0.5, two: 0.8, three: 0.7, four: 0.0)//用于替换图片上浅色区域的颜色 &＃xff0c;设置参数类似RGBreturn self.blurFilter(filter: falseColorFilter)}//14.灰度系数滤镜fileprivate func gammaFilter()->UIImage?{let gammaFilter &＃61; GPUImageGammaFilter()gammaFilter.gamma &＃61; 2.0 // 灰度系数 0.0~3.0 默认 1.0return self.blurFilter(filter: gammaFilter)}//15.黑白(灰度)滤镜fileprivate func grayscaleFilter()->UIImage?{let grayscaleFilter &＃61; GPUImageGrayscaleFilter()return self.blurFilter(filter: grayscaleFilter)}//16.朦胧路径fileprivate func hazeFilter()->UIImage?{let hazeFilter &＃61; GPUImageHazeFilter()hazeFilter.distance &＃61; -0.3 //色强 -0.3 &＃xff5e; 0.3 效果最好hazeFilter.slope &＃61; -0.3 //饱和度 -0.3 ~ 0.3 效果最好return self.blurFilter(filter: hazeFilter)}//17.高光阴影滤镜fileprivate func highlightShadowFilter()->UIImage?{let highlightShadowFilter &＃61; GPUImageHighlightShadowFilter()/*** 0 - 1, increase to lighten shadows.* &＃64;default 0*/highlightShadowFilter.highlights &＃61; 0.5/*** 0 - 1, decrease to darken highlights.* &＃64;default 1*/highlightShadowFilter.shadows &＃61; 0.8return self.blurFilter(filter: highlightShadowFilter)}//18.色调滤镜fileprivate func hueFilter()->UIImage?{let hueFilter &＃61; GPUImageHueFilter()hueFilter.hue &＃61; 100 //色度return self.blurFilter(filter: hueFilter)}//19.叠原滤镜fileprivate func kuwaharaFilter()->UIImage?{let kuwaharaFilter &＃61; GPUImageKuwaharaFilter()/// The radius to sample from when creating the brush-stroke effect, with a default of 3. The larger the radius, the slower the filter.kuwaharaFilter.radius &＃61; 2return self.blurFilter(filter: kuwaharaFilter)}//20.叠原滤镜radius &＃61; 3fileprivate func kuwaharaRadius3Filter()->UIImage?{let kuwaharaRadius3Filter &＃61; GPUImageKuwaharaRadius3Filter()return self.blurFilter(filter: kuwaharaRadius3Filter)}//21.色阶滤镜fileprivate func levelsFilter()->UIImage?{let levelsFilter &＃61; GPUImageLevelsFilter()levelsFilter.setGreenMin(0.0, gamma: 0.5, max: 0.9) //绿色levelsFilter.setBlueMin(0.5, gamma: 0.4, max: 0.5) //蓝色levelsFilter.setRedMin(0.5, gamma: 0.4, max: 0.5) //红色return self.blurFilter(filter: levelsFilter)}//22.灰度差值滤镜fileprivate func luminanceRangeFilter()->UIImage?{let luminanceRangeFilter &＃61; GPUImageLuminanceRangeFilter()luminanceRangeFilter.rangeReductionFactor &＃61; 0.9return self.blurFilter(filter: luminanceRangeFilter)}//23.黑白灰度滤镜fileprivate func luminanceThresholdFilter()->UIImage?{let luminanceThresholdFilter &＃61; GPUImageLuminanceThresholdFilter()/** Anything above this luminance will be white, and anything below black. Ranges from 0.0 to 1.0, with 0.5 as the default*/luminanceThresholdFilter.threshold &＃61; 0.4return self.blurFilter(filter: luminanceThresholdFilter)}//24.单色滤镜fileprivate func monochromeFilter()->UIImage?{let monochromeFilter &＃61; GPUImageMonochromeFilter()monochromeFilter.intensity &＃61; 3 //光强return self.blurFilter(filter: monochromeFilter)}//25.单色模糊滤镜fileprivate func motionBlurFilter()->UIImage?{let motionBlurFilter &＃61; GPUImageMotionBlurFilter()/** A multiplier for the blur size, ranging from 0.0 on up, with a default of 1.0*/motionBlurFilter.blurAngle &＃61; 0.5/** The angular direction of the blur, in degrees. 0 degrees by default*/motionBlurFilter.blurSize &＃61; 0.5return self.blurFilter(filter: motionBlurFilter)}//26.透明滤镜fileprivate func opacityFilter()->UIImage?{let opacityFilter &＃61; GPUImageOpacityFilter()// Opacity ranges from 0.0 to 1.0, with 1.0 as the normal settingopacityFilter.opacity &＃61; 0.5return self.blurFilter(filter: opacityFilter)}//27.拉伸滤镜fileprivate func pinchDistortionFilter()->UIImage?{let pinchDistortionFilter &＃61; GPUImagePinchDistortionFilter()/** The center about which to apply the distortion, with a default of (0.5, 0.5)*/pinchDistortionFilter.center &＃61; CGPoint(x: 0.5, y: 0.5)/** The radius of the distortion, ranging from 0.0 to 2.0, with a default of 1.0*/pinchDistortionFilter.radius &＃61; 1.5/** The amount of distortion to apply, from -2.0 to 2.0, with a default of 0.5*/pinchDistortionFilter.scale &＃61; 1.2return self.blurFilter(filter: pinchDistortionFilter)}//28.像素化滤镜(马赛克)fileprivate func pixellateFilter()->UIImage?{let pixellateFilter &＃61; GPUImagePixellateFilter()// The fractional width of the image to use as a size for the pixels in the resulting image. Values below one pixel width in the source image are ignored.pixellateFilter.fractionalWidthOfAPixel &＃61; 0.05return self.blurFilter(filter: pixellateFilter)}//29.局部像素化滤镜(马赛克)fileprivate func pixellatePositionFilter()->UIImage?{let pixellatePositionFilter &＃61; GPUImagePixellatePositionFilter()// The fractional width of the image to use as a size for the pixels in the resulting image. Values below one pixel width in the source image are ignored.pixellatePositionFilter.fractionalWidthOfAPixel &＃61; 0.05// the center point to start pixelation in texture coordinates, default 0.5, 0.5pixellatePositionFilter.center &＃61; CGPoint(x: 0.5, y: 0.10)// the radius (0.0 - 1.0) in which to pixelate, default 1.0pixellatePositionFilter.radius &＃61; 0.1return self.blurFilter(filter: pixellatePositionFilter)}//30.边缘像素滤镜fileprivate func polarPixellateFilter()->UIImage?{let polarPixellateFilter &＃61; GPUImagePolarPixellateFilter()// The center about which to apply the distortion, with a default of (0.5, 0.5)polarPixellateFilter.center &＃61; CGPoint(x: 0.5, y: 0.08)// The amount of distortion to apply, from (-2.0, -2.0) to (2.0, 2.0), with a default of (0.05, 0.05)polarPixellateFilter.pixelSize &＃61; CGSize(width: 0.01, height: 0.01)return self.blurFilter(filter: polarPixellateFilter)}//31.色调分离滤镜fileprivate func posterizeFilter()->UIImage?{let posterizeFilter &＃61; GPUImagePosterizeFilter()/** The number of color levels to reduce the image space to. This ranges from 1 to 256, with a default of 10.*/posterizeFilter.colorLevels &＃61; 3return self.blurFilter(filter: posterizeFilter)}//32.RGB滤镜fileprivate func rgbFilter()->UIImage?{let rgbFilter &＃61; GPUImageRGBFilter()// Normalized values by which each color channel is multiplied. The range is from 0.0 up, with 1.0 as the default.rgbFilter.red &＃61; 2rgbFilter.green &＃61; 2rgbFilter.blue &＃61; 2return self.blurFilter(filter: rgbFilter)}//33.饱和度滤镜fileprivate func saturationFilter()->UIImage?{let saturationFilter &＃61; GPUImageSaturationFilter()/** Saturation ranges from 0.0 (fully desaturated) to 2.0 (max saturation), with 1.0 as the normal level*/saturationFilter.saturation &＃61; 1.5return self.blurFilter(filter: saturationFilter)}//34.尖锐滤镜fileprivate func sharpenFilter()->UIImage?{let sharpenFilter &＃61; GPUImageSharpenFilter()// Sharpness ranges from -4.0 to 4.0, with 0.0 as the normal levelsharpenFilter.sharpness &＃61; -1return self.blurFilter(filter: sharpenFilter)}//35.球面滤镜fileprivate func sphereRefractionFilter()->UIImage?{let sphereRefractionFilter &＃61; GPUImageSphereRefractionFilter()/// The center about which to apply the distortion, with a default of (0.5, 0.5)sphereRefractionFilter.center &＃61; CGPoint(x: 0.5, y: 0.5)/// The radius of the distortion, ranging from 0.0 to 1.0, with a default of 0.25sphereRefractionFilter.radius &＃61; 0.4/// The index of refraction for the sphere, with a default of 0.71sphereRefractionFilter.refractiveIndex &＃61; 0.5return self.blurFilter(filter: sphereRefractionFilter)}//36.拉伸滤镜fileprivate func stretchDistortionFilter()->UIImage?{let stretchDistortionFilter &＃61; GPUImageStretchDistortionFilter()/** The center about which to apply the distortion, with a default of (0.5, 0.5)*/stretchDistortionFilter.center &＃61; CGPoint(x: 0.5, y: 0.5)return self.blurFilter(filter: stretchDistortionFilter)}//37.螺旋滤镜fileprivate func swirlFilter()->UIImage?{let swirlFilter &＃61; GPUImageSwirlFilter()/// The center about which to apply the distortion, with a default of (0.5, 0.5)swirlFilter.center &＃61; CGPoint(x: 0.5, y: 0.5)/// The radius of the distortion, ranging from 0.0 to 1.0, with a default of 0.5swirlFilter.radius &＃61; 0.5/// The amount of distortion to apply, with a minimum of 0.0 and a default of 1.0swirlFilter.angle &＃61; 0.25return self.blurFilter(filter: swirlFilter)}//38.旋转滤镜fileprivate func transformFilter()->UIImage?{let transformFilter &＃61; GPUImageTransformFilter()// You can either set the transform to apply to be a 2-D affine transform or a 3-D transform. The default is the identity transform (the output image is identical to the input).transformFilter.affineTransform &＃61; CGAffineTransform(a: 0.2, b: 0.1, c: 0.1, d: 0.5, tx: 0.1, ty: 0.1)//transformFilter.transform3D &＃61; CATransform3D(m11: 0, m12: 0, m13: 0, m14: 0, m21: 0.1, m22: 0, m23: 0, m24: 0.1, m31: 0.1, m32: 0, m33: 0, m34: 0, m41: 0, m42: 0, m43: 0, m44: 0.1)// This applies the transform to the raw frame data if set to YES, the default of NO takes the aspect ratio of the image input into account when rotatingtransformFilter.ignoreAspectRatio &＃61; false// sets the anchor point to top left cornertransformFilter.anchorTopLeft &＃61; truereturn self.blurFilter(filter: transformFilter)}//39.晕映滤镜fileprivate func vignetteFilter()->UIImage?{let vignetteFilter &＃61; GPUImageVignetteFilter()// the center for the vignette in tex coords (defaults to 0.5, 0.5)vignetteFilter.vignetteCenter &＃61; CGPoint(x: 0.5, y: 0.5)// The color to use for the Vignette (defaults to black)vignetteFilter.vignetteColor &＃61; GPUVector3(one: 100, two: 0, three: 255)// The normalized distance from the center where the vignette effect starts. Default of 0.5.vignetteFilter.vignetteStart &＃61; 0.45// The normalized distance from the center where the vignette effect ends. Default of 0.75.vignetteFilter.vignetteEnd &＃61; 0.75return self.blurFilter(filter: vignetteFilter)}//40.白平衡滤镜fileprivate func whiteBalanceFilter()->UIImage?{let whiteBalanceFilter &＃61; GPUImageWhiteBalanceFilter()//choose color temperature, in degrees KelvinwhiteBalanceFilter.temperature &＃61; 0.1//adjust tint to compensatewhiteBalanceFilter.tint &＃61; 0.1return self.blurFilter(filter: whiteBalanceFilter)}//41.放缩毛玻璃滤镜fileprivate func zoomBlurFilter()->UIImage?{let zoomBlurFilter &＃61; GPUImageZoomBlurFilter()/** A multiplier for the blur size, ranging from 0.0 on up, with a default of 1.0*/zoomBlurFilter.blurSize &＃61; 0.5/** The normalized center of the blur. (0.5, 0.5) by default*/zoomBlurFilter.blurCenter &＃61; CGPoint(x: 0.5, y: 0.5)return self.blurFilter(filter: zoomBlurFilter)}//42.怀旧滤镜fileprivate func sepiaFilter()->UIImage?{let sepiaFilter &＃61; GPUImageSepiaFilter()return self.blurFilter(filter: sepiaFilter)}//43.素描滤镜fileprivate func sketchFilter()->UIImage?{let sketchFilter &＃61; GPUImageSketchFilter()return self.blurFilter(filter: sketchFilter)}//44.卡通滤镜fileprivate func toonFilter()->UIImage?{let toonFilter &＃61; GPUImageToonFilter()/** The threshold at which to apply the edges, default of 0.2*/toonFilter.threshold &＃61; 0.3/** The levels of quantization for the posterization of colors within the scene, with a default of 10.0*/toonFilter.quantizationLevels &＃61; 20return self.blurFilter(filter: toonFilter)}//45.浮雕滤镜fileprivate func embossFilter()->UIImage?{let embossFilter &＃61; GPUImageEmbossFilter()// The strength of the embossing, from 0.0 to 4.0, with 1.0 as the normal levelembossFilter.intensity &＃61; 4.0return self.blurFilter(filter: embossFilter)}//46.中间色调、黑白滤镜fileprivate func halftoneFilter()->UIImage?{let halftoneFilter &＃61; GPUImageHalftoneFilter()return self.blurFilter(filter: halftoneFilter)}}
GPUImage实现视频直播实时美颜

• //
// ViewController.swift
// BeautyCamera
//
// Created by fe on 18/06/26.
// Copyright © 2018年 fe. All rights reserved.
//import UIKit
import GPUImage
import AVKitclass ViewController: UIViewController {&＃64;IBOutlet weak var beautyViewBottomCons: NSLayoutConstraint!// MARK: 懒加载属性// 创建视频源fileprivate lazy var camera : GPUImageVideoCamera? &＃61; GPUImageVideoCamera(sessionPreset: AVCaptureSessionPresetHigh, cameraPosition: .front)// 创建预览图层fileprivate lazy var preview : GPUImageView &＃61; GPUImageView(frame: self.view.bounds)// 初始化滤镜let bilateralFilter &＃61; GPUImageBilateralFilter() // 磨皮let exposureFilter &＃61; GPUImageExposureFilter() // 曝光let brightnessFilter &＃61; GPUImageBrightnessFilter() // 美白let satureationFilter &＃61; GPUImageSaturationFilter() // 饱和// 创建写入对象fileprivate lazy var movieWriter : GPUImageMovieWriter &＃61; { [unowned self] in// 创建写入对象let writer &＃61; GPUImageMovieWriter(movieURL: self.fileURL, size: self.view.bounds.size)// 设置写入对象的属性return writer!}()// MARK: 计算属性var fileURL : URL {return URL(fileURLWithPath: "\(NSTemporaryDirectory())123.mp4")}override func viewDidLoad() {super.viewDidLoad()print(fileURL)// 1.设置camera方向camera?.outputImageOrientation &＃61; .portraitcamera?.horizontallyMirrorFrontFacingCamera &＃61; true// 2.创建预览的Viewview.insertSubview(preview, at: 0)// 3.获取滤镜组let filterGroup &＃61; getGroupFilters()// 4.设置GPUImage的响应链camera?.addTarget(filterGroup)filterGroup.addTarget(preview)// 5.开始采集视频camera?.startCapture()// 6.设置writer的属性// 是否对视频进行编码movieWriter.encodingLiveVideo &＃61; true// 将writer设置成滤镜的targetfilterGroup.addTarget(movieWriter)// 设置camera的编码camera?.delegate &＃61; selfcamera?.audioEncodingTarget &＃61; movieWriterlet fileManage &＃61; FileManager()if fileManage.fileExists(atPath: "\(NSTemporaryDirectory())123.mp4") {try? fileManage.removeItem(atPath: "\(NSTemporaryDirectory())123.mp4")}movieWriter.startRecording()}fileprivate func getGroupFilters() -> GPUImageFilterGroup{// 1.创建滤镜组&＃xff08;用于存放各种滤镜&＃xff1a;美白、磨皮等等&＃xff09;let filterGroup &＃61; GPUImageFilterGroup()// 2.创建滤镜(设置滤镜的引来关系)bilateralFilter.addTarget(brightnessFilter)brightnessFilter.addTarget(exposureFilter)exposureFilter.addTarget(satureationFilter)// 3.设置滤镜组链初始&终点的filterfilterGroup.initialFilters &＃61; [bilateralFilter]filterGroup.terminalFilter &＃61; satureationFilterreturn filterGroup}
}// MARK:- 控制方法
extension ViewController {&＃64;IBAction func rotateCamera() {camera?.rotateCamera()}&＃64;IBAction func adjustBeautyEffect() {adjustBeautyView(constant: 0)}&＃64;IBAction func finishedBeautyEffect() {adjustBeautyView(constant: -250)}&＃64;IBAction func switchBeautyEffect(switchBtn : UISwitch) {if switchBtn.isOn {camera?.removeAllTargets()let group &＃61; getGroupFilters()camera?.addTarget(group)group.addTarget(preview)} else {camera?.removeAllTargets()camera?.addTarget(preview)}}private func adjustBeautyView(constant : CGFloat) {beautyViewBottomCons.constant &＃61; constantUIView.animate(withDuration: 0.5) {self.view.layoutIfNeeded()}}&＃64;IBAction func changeSatureation(_ sender: UISlider) {print(sender.value)satureationFilter.saturation &＃61; CGFloat(sender.value * 2)}&＃64;IBAction func changeBrightness(_ sender: UISlider) {// - 1 --> 1brightnessFilter.brightness &＃61; CGFloat(sender.value) * 2 - 1}&＃64;IBAction func changeExposure(_ sender: UISlider) {// - 10 ~ 10exposureFilter.exposure &＃61; CGFloat(sender.value) * 20 - 10}&＃64;IBAction func changeBilateral(_ sender: UISlider) {bilateralFilter.distanceNormalizationFactor &＃61; CGFloat(sender.value) * 8}
}extension ViewController : GPUImageVideoCameraDelegate {func willOutputSampleBuffer(_ sampleBuffer: CMSampleBuffer!) {print("采集到画面")}
}extension ViewController {&＃64;IBAction func stopRecording() {camera?.stopCapture()preview.removeFromSuperview()movieWriter.finishRecording()}&＃64;IBAction func playVideo() {print(fileURL)let playerVc &＃61; AVPlayerViewController()playerVc.player &＃61; AVPlayer(url: fileURL)present(playerVc, animated: true, completion: nil)}
}