ToB企服应用市场:ToB评测及商务社交产业平台

标题: IOS OpenGL ES GPUImage 色度键混合 GPUImageChromaKeyBlendFilter [打印本页]

作者: 半亩花草    时间: 2022-9-16 17:18
标题: IOS OpenGL ES GPUImage 色度键混合 GPUImageChromaKeyBlendFilter
目录
零基础 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 , 视觉效果相关.
GPUImageChromaKeyBlendFilter属于 GPUImage 混合模式相关,用于图像色度键混合。shader 源码如下:
  1. /******************************************************************************************/
  2. //@Author:猿说编程
  3. //@Blog(个人博客地址): www.codersrc.com
  4. //@File:IOS – OpenGL ES GPUImage GPUImageChromaKeyBlendFilter
  5. //@Time:2022/07/16 06:30
  6. //@Motto:不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  7. /******************************************************************************************/
  8. #if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
  9. NSString *const kGPUImageChromaKeyBlendFragmentShaderString = SHADER_STRING
  10. (
  11. precision highp float;
  12. varying highp vec2 textureCoordinate;
  13. varying highp vec2 textureCoordinate2;
  14. uniform float thresholdSensitivity;
  15. uniform float smoothing;
  16. uniform vec3 colorToReplace;
  17. uniform sampler2D inputImageTexture;
  18. uniform sampler2D inputImageTexture2;
  19. void main()
  20. {
  21.      vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
  22.      vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);
  23.      float maskY = 0.2989 * colorToReplace.r + 0.5866 * colorToReplace.g + 0.1145 * colorToReplace.b;
  24.      float maskCr = 0.7132 * (colorToReplace.r - maskY);
  25.      float maskCb = 0.5647 * (colorToReplace.b - maskY);
  26.      float Y = 0.2989 * textureColor.r + 0.5866 * textureColor.g + 0.1145 * textureColor.b;
  27.      float Cr = 0.7132 * (textureColor.r - Y);
  28.      float Cb = 0.5647 * (textureColor.b - Y);
  29. //     float blendValue = 1.0 - smoothstep(thresholdSensitivity - smoothing, thresholdSensitivity , abs(Cr - maskCr) + abs(Cb - maskCb));
  30.      float blendValue = 1.0 - smoothstep(thresholdSensitivity, thresholdSensitivity + smoothing, distance(vec2(Cr, Cb), vec2(maskCr, maskCb)));
  31.      gl_FragColor = mix(textureColor, textureColor2, blendValue);
  32. }
  33. );
  34. #else
  35. NSString *const kGPUImageChromaKeyBlendFragmentShaderString = SHADER_STRING
  36. (
  37. varying vec2 textureCoordinate;
  38. varying vec2 textureCoordinate2;
  39. uniform float thresholdSensitivity;
  40. uniform float smoothing;
  41. uniform vec3 colorToReplace;
  42. uniform sampler2D inputImageTexture;
  43. uniform sampler2D inputImageTexture2;
  44. void main()
  45. {
  46.      vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
  47.      vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);
  48.      float maskY = 0.2989 * colorToReplace.r + 0.5866 * colorToReplace.g + 0.1145 * colorToReplace.b;
  49.      float maskCr = 0.7132 * (colorToReplace.r - maskY);
  50.      float maskCb = 0.5647 * (colorToReplace.b - maskY);
  51.      float Y = 0.2989 * textureColor.r + 0.5866 * textureColor.g + 0.1145 * textureColor.b;
  52.      float Cr = 0.7132 * (textureColor.r - Y);
  53.      float Cb = 0.5647 * (textureColor.b - Y);
  54.      //     float blendValue = 1.0 - smoothstep(thresholdSensitivity - smoothing, thresholdSensitivity , abs(Cr - maskCr) + abs(Cb - maskCb));
  55.      float blendValue = 1.0 - smoothstep(thresholdSensitivity, thresholdSensitivity + smoothing, distance(vec2(Cr, Cb), vec2(maskCr, maskCb)));
  56.      gl_FragColor = mix(textureColor, textureColor2, blendValue);
  57. }
  58. );
  59. #endif
复制代码
二.效果演示

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


使用GPUImageChromaKeyBlendFilter,效果如下:

三.源码下载

OpenGL ES Demo 下载地址 : IOS OpenGL ES GPUImage 色度键混合 GPUImageChromaKeyBlendFilter

四.猜你喜欢

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

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!




欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4