IOS OpenGL ES GPUImage 排除混合 GPUImageExclusionBlendFilter

目录

零基础 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 , 视觉效果相关.

GPUImageExclusionBlendFilter 属于 GPUImage 混合模式相关,用于图像排除混合。shader 源码如下:

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


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

 uniform sampler2D inputImageTexture;
 uniform sampler2D inputImageTexture2;

 void main()
 {
     mediump vec4 base = texture2D(inputImageTexture, textureCoordinate);
     mediump vec4 overlay = texture2D(inputImageTexture2, textureCoordinate2);

     //     Dca = (Sca.Da + Dca.Sa - 2.Sca.Dca) + Sca.(1 - Da) + Dca.(1 - Sa)

     gl_FragColor = vec4((overlay.rgb * base.a + base.rgb * overlay.a - 2.0 * overlay.rgb * base.rgb) + overlay.rgb * (1.0 - base.a) + base.rgb * (1.0 - overlay.a), base.a);
 }
);
#else
NSString *const kGPUImageExclusionBlendFragmentShaderString = SHADER_STRING
(
 varying vec2 textureCoordinate;
 varying vec2 textureCoordinate2;

 uniform sampler2D inputImageTexture;
 uniform sampler2D inputImageTexture2;

 void main()
 {
     vec4 base = texture2D(inputImageTexture, textureCoordinate);
     vec4 overlay = texture2D(inputImageTexture2, textureCoordinate2);

     //     Dca = (Sca.Da + Dca.Sa - 2.Sca.Dca) + Sca.(1 - Da) + Dca.(1 - Sa)

     gl_FragColor = vec4((overlay.rgb * base.a + base.rgb * overlay.a - 2.0 * overlay.rgb * base.rgb) + overlay.rgb * (1.0 - base.a) + base.rgb * (1.0 - overlay.a), base.a);
 }
 );
#endif

二.效果演示

GPUImageExclusionBlendFilter 使用 **,**源图如下:

使用 GPUImageExclusionBlendFilter,效果如下:

三.源码下载

OpenGL ES Demo 下载地址 : IOS OpenGL ES GPUImage 排除混合 GPUImageExclusionBlendFilter

四.猜你喜欢

  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 设置图像锐化 GPUImageSharpenFilter
  24. IOS OpenGL ES 绘制十字 GPUImageCrosshairGenerator
  25. IOS OpenGL ES 绘制线条 GPUImageLineGenerator
  26. IOS OpenGL ES 设置图像黑白燥点 GPUImageLocalBinaryPatternFilter
  27. IOS OpenGL ES 设置图像卡通效果(黑色粗线描边) GPUImageToonFilter
  28. IOS OpenGL ES 桑原滤波/水粉画模糊效果 GPUImageKuwaharaFilter
  29. IOS OpenGL ES 黑白马赛克效果 GPUImageMosaicFilter
  30. IOS OpenGL ES 像素化马赛克效果 GPUImagePixellateFilter
  31. IOS OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixel
  32. IOS OpenGL ES 黑白网状效果 GPUImageCrosshatchFilter
  33. IOS OpenGL ES 色彩丢失/模糊效果 GPUImageColorPackingFilter
  34. IOS OpenGL ES 图像晕影 GPUImageVignetteFilter
  35. IOS OpenGL ES 图像漩涡 GPUImageSwirlFilter
  36. IOS OpenGL ES 图像鱼眼扩散效果 GPUImageBulgeDistortionFilter
  37. IOS OpenGL ES 图像鱼眼移动效果 GPUImageBulgeDistortionFilter
  38. IOS OpenGL ES 图像凹面镜移动效果 GPUImagePinchDistortionFilter
  39. IOS OpenGL ES 图像凹面镜放大效果 GPUImagePinchDistortionFilter
  40. IOS OpenGL ES 图像哈哈镜效果 GPUImageStretchDistortionFilter
  41. IOS OpenGL ES 图像水晶球效果 GPUImageGlassSphereFilter
  42. IOS OpenGL ES 图像球形折射 GPUImageSphereRefractionFilter
  43. IOS OpenGL ES 图像色调分离噪点效果 GPUImagePosterizeFilter
  44. IOS OpenGL ES 图像 CGA 色彩滤镜 GPUImageCGAColorspaceFilter
  45. IOS OpenGL ES 图像柏林噪点/花边噪点 GPUImagePerlinNoiseFilter
  46. IOS OpenGL ES 图像加亮边缘 GPUImage3x3ConvolutionFilter
  47. IOS OpenGL ES 图像浮雕 3d 效果 GPUImageEmbossFilter
  48. IOS OpenGL ES 图像马赛克圆点 GPUImagePolkaDotFilter
  49. IOS OpenGL ES 图像侵蚀边缘黑白模糊 GPUImageErosionFilter
  50. IOS OpenGL ES 图像侵蚀边缘色彩模糊 GPUImageRGBErosionFilter
  51. IOS OpenGL ES 图像扩展边缘黑白模糊 GPUImageDilationFilter
  52. IOS OpenGL ES 图像扩展边缘彩色模糊 GPUImageRGBDilationFilter
  53. IOS OpenGL ES GPUImage 黑白色调模糊 GPUImageOpeningFilter
  54. IOS OpenGL ES GPUImage 彩色模糊 GPUImageRGBOpeningFilter
  55. IOS OpenGL ES GPUImage 图像黑白色调模糊/暗色提亮 GPUImageClosingFilter
  56. IOS OpenGL ES GPUImage 图像彩色调模糊/暗色提亮 GPUImageRGBClosingFilter
  57. IOS OpenGL ES GPUImage 图像 Lanczos 重取样模糊效果 GPUImageLanczosResamplingFilter
  58. IOS OpenGL ES GPUImage 图像显示亮度最高的像素,其他为黑 GPUImageNonMaximumSuppressionFilter
  59. IOS OpenGL ES GPUImage 图像显示亮度最高的像素,其他为黑 GPUImageThresholdedNonMaximumSuppressionFilter
  60. IOS OpenGL ES GPUImage 图像 Sobel 边缘检测,类似漫画反色 GPUImageSobelEdgeDetectionFilter
  61. IOS OpenGL ES GPUImage GPUImageWeakPixelInclusionFilter
  62. IOS OpenGL ES GPUImage GPUImageDirectionalNonMaximumSuppressionFilter
  63. IOS OpenGL ES GPUImage 图像阈值边缘检测 GPUImageThresholdEdgeDetectionFilter
  64. IOS OpenGL ES GPUImage 图像普瑞维特(Prewitt)边缘检测 GPUImagePrewittEdgeDetectionFilter
  65. IOS OpenGL ES GPUImage 图像 XYDerivative 边缘检测 GPUImageXYDerivativeFilter
  66. IOS OpenGL ES GPUImage 图像阀值素描,形成有噪点的素描 GPUImageThresholdSketchFilter
  67. IOS OpenGL ES GPUImage 图像阴影和深度效果 GPUImageMultiplyBlendFilter
  68. IOS OpenGL ES GPUImage 图像混合 GPUImageNormalBlendFilter
  69. IOS OpenGL ES GPUImage 图像透明混合 GPUImageAlphaBlendFilter
  70. IOS OpenGL ES GPUImage 图像溶解 GPUImageDissolveBlendFilter
  71. IOS OpenGL ES GPUImage 图像叠加 GPUImageOverlayBlendFilter
  72. IOS OpenGL ES GPUImage 图像加深混合 GPUImageDarkenBlendFilter
  73. IOS OpenGL ES GPUImage 图像减淡混合 GPUImageLightenBlendFilter
  74. IOS OpenGL ES GPUImage 图像源混合 GPUImageSourceOverBlendFilter
  75. IOS OpenGL ES GPUImage 图像平移 GPUImageTransformFilter
  76. IOS OpenGL ES GPUImage 图像缩放 GPUImageTransformFilter
  77. IOS OpenGL ES GPUImage 图像旋转 GPUImageTransformFilter
  78. IOS OpenGL ES GPUImage 图像镜像 GPUImageTransformFilter
  79. IOS OpenGL ES GPUImage 色彩加深混合 GPUImageColorBurnBlendFilter
  80. IOS OpenGL ES GPUImage 色彩减淡混合 GPUImageColorDodgeBlendFilter
  81. IOS OpenGL ES GPUImage 滤色混合 GPUImageScreenBlendFilter
  82. IOS OpenGL ES GPUImage 排除混合 GPUImageExclusionBlendFilter

本文由博客 - 猿说编程 猿说编程 发布!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容