目录

• 一.简介
• 二.效果演示
• 三.源码下载
• 四.猜你喜欢

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 基础

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 转场

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 特效

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES 函数

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES GPUImage 使用

零基础 OpenGL (ES) 学习路线推荐 : OpenGL (ES) 学习目录 >> OpenGL ES GLSL 编程

一.简介

GPUImage 共 125 个滤镜, 分为四类

1、Color adjustments : 31 filters , 颜色处理相关
2、Image processing : 40 filters , 图像处理相关.
3、Blending modes : 29 filters , 混合模式相关.
4、Visual effects : 25 filters , 视觉效果相关.

GPUImageDifferenceBlendFilter属于 GPUImage 混合模式相关，用于图像差值混合。shader 源码如下：

/******************************************************************************************/
//@Author:猿说编程
//@Blog(个人博客地址): www.codersrc.com
//@File:IOS – OpenGL ES GPUImage GPUImageDifferenceBlendFilter
//@Time:2022/07/16 06:30
//@Motto:不积跬步无以至千里，不积小流无以成江海，程序人生的精彩需要坚持不懈地积累！
/******************************************************************************************/

#if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
NSString *const kGPUImageDifferenceBlendFragmentShaderString = SHADER_STRING
(
 varying highp vec2 textureCoordinate;
 varying highp vec2 textureCoordinate2;

 uniform sampler2D inputImageTexture;
 uniform sampler2D inputImageTexture2;

 void main()
 {
     mediump vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
     mediump vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);
     gl_FragColor = vec4(abs(textureColor2.rgb - textureColor.rgb), textureColor.a);
 }
);
#else
NSString *const kGPUImageDifferenceBlendFragmentShaderString = SHADER_STRING
(
 varying vec2 textureCoordinate;
 varying vec2 textureCoordinate2;

 uniform sampler2D inputImageTexture;
 uniform sampler2D inputImageTexture2;

 void main()
 {
     vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
     vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);
     gl_FragColor = vec4(abs(textureColor2.rgb - textureColor.rgb), textureColor.a);
 }
);
#endif

二.效果演示

GPUImageDifferenceBlendFilter使用 **,**源图如下：

使用GPUImageDifferenceBlendFilter，效果如下：

三.源码下载

OpenGL ES Demo 下载地址 : IOS OpenGL ES GPUImage 差值混合 GPUImageDifferenceBlendFilter

四.猜你喜欢

1. IOS OPenGL ES 设置图像亮度 GPUImageBrightnessFilter
2. IOS OPenGL ES 调节图像曝光度 GPUImageExposureFilter
3. IOS OpenGL ES 调节图像对比度 GPUImageContrastFilter
4. IOS OPenGL ES 调节图像饱和度 GPUImageSaturationFilter
5. IOS OPenGL ES 调节图像伽马线 GPUImageGammaFilter
6. IOS OpenGL ES 调节图像反色 GPUImageColorInvertFilter
7. IOS OpenGL ES 调节图像褐色 GPUImageSepiaFilter
8. IOS OpenGL ES 调节图像灰色 GPUImageGrayscaleFilter
9. IOS OpenGL ES 调节图像 RGB 通道 GPUImageRGBFilter
10. IOS OpenGL ES 调节图像不透明度 GPUImageOpacityFilter
11. IOS OpenGL ES 调节图像阴影 GPUImageHighlightShadowFilter
12. IOS OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
13. GPUImage – 色彩直方图 GPUImageHistogramFilter
14. GPUImage – 色彩直方图 GPUImageHistogramGenerator
15. GPUImage – 像素平均色值 GPUImageAverageColor
16. GPUImage – 亮度平均 GPUImageLuminosity
17. IOS OpenGL ES 调节图像色度 GPUImageHueFilter
18. IOS OpenGL ES 指定颜色抠图 GPUImageChromaKeyFilter
19. IOS OpenGL ES 调节图像白平衡/色温 GPUImageWhiteBalanceFilter
20. IOS OpenGL ES 设置图像 lookup 滤镜 GPUImageLookupFilter
21. IOS OpenGL ES 设置图像滤镜 GPUImageAmatorkaFilter
22. IOS OpenGL ES 设置图像滤镜 GPUImageSoftEleganceFilter
23. IOS OpenGL ES 设置图像锐