IOS OpenGL ES GPUImage 图像透明混合 GPUImageAlphaBlendFilter

打印 上一主题 下一主题

主题 794|帖子 794|积分 2386

目录
零基础 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 , 视觉效果相关.
GPUImageAlphaBlendFilter 属于 GPUImage 图像混合模式相关,用于图像 透明混合。shader 源码如下:
  1. /******************************************************************************************/
  2. //@Author:猿说编程
  3. //@Blog(个人博客地址): www.codersrc.com
  4. //@File:IOS – OpenGL ES GPUImage GPUImageAlphaBlendFilter
  5. //@Time:2022/07/02 06:30
  6. //@Motto:不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  7. /******************************************************************************************/
  8. #if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
  9. NSString *const kGPUImageAlphaBlendFragmentShaderString = SHADER_STRING
  10. (
  11. varying highp vec2 textureCoordinate;
  12. varying highp vec2 textureCoordinate2;
  13. uniform sampler2D inputImageTexture;
  14. uniform sampler2D inputImageTexture2;
  15. uniform lowp float mixturePercent;
  16. void main()
  17. {
  18.          lowp vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
  19.          lowp vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);
  20.          gl_FragColor = vec4(mix(textureColor.rgb, textureColor2.rgb, textureColor2.a * mixturePercent), textureColor.a);
  21. }
  22. );
  23. #else
  24. NSString *const kGPUImageAlphaBlendFragmentShaderString = SHADER_STRING
  25. (
  26. varying vec2 textureCoordinate;
  27. varying vec2 textureCoordinate2;
  28. uniform sampler2D inputImageTexture;
  29. uniform sampler2D inputImageTexture2;
  30. uniform float mixturePercent;
  31. void main()
  32. {
  33.          vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
  34.          vec4 textureColor2 = texture2D(inputImageTexture2, textureCoordinate2);
  35.          gl_FragColor = vec4(mix(textureColor.rgb, textureColor2.rgb, textureColor2.a * mixturePercent), textureColor.a);
  36. }
  37. );
  38. #endif
复制代码
二.效果演示

使用 GPUImageAlphaBlendFilter **,**源图和目标图如下:


使用 GPUImageAlphaBlendFilter 效果如下:

三.源码下载

OpenGL ES Demo 下载地址 : IOS OpenGL ES GPUImage 图像透明混合 GPUImageAlphaBlendFilter

四.猜你喜欢

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

王國慶

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表