丽水专业做网站,广告网页设计培训轻松学,北京网站建设方面,h5和html5的区别目录
一.简介二.效果演示三.源码下载四.猜你喜欢 零基础 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) 学习路线推荐 : 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 , 视觉效果相关. GPUImageNormalBlendFilter 属于 GPUImage 图像混合模式相关用于图像 alpha 混合。shader 源码如下
/******************************************************************************************/
//Author:猿说编程
//Blog(个人博客地址): www.codersrc.com
//File:IOS – OpenGL ES GPUImage GPUImageNormalBlendFilter
//Time:2022/07/02 06:30
//Motto:不积跬步无以至千里不积小流无以成江海程序人生的精彩需要坚持不懈地积累
/******************************************************************************************/#if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
NSString *const kGPUImageNormalBlendFragmentShaderString SHADER_STRING
(varying highp vec2 textureCoordinate;varying highp vec2 textureCoordinate2;uniform sampler2D inputImageTexture;uniform sampler2D inputImageTexture2;void main(){lowp vec4 c2 texture2D(inputImageTexture, textureCoordinate);lowp vec4 c1 texture2D(inputImageTexture2, textureCoordinate2);lowp vec4 outputColor;// outputColor.r c1.r c2.r * c2.a * (1.0 - c1.a);
// outputColor.g c1.g c2.g * c2.a * (1.0 - c1.a);
// outputColor.b c1.b c2.b * c2.a * (1.0 - c1.a);
// outputColor.a c1.a c2.a * (1.0 - c1.a);lowp float a c1.a c2.a * (1.0 - c1.a);lowp float alphaDivisor a step(a, 0.0); // Protect against a divide-by-zero blacking out things in the outputoutputColor.r (c1.r * c1.a c2.r * c2.a * (1.0 - c1.a))/alphaDivisor;outputColor.g (c1.g * c1.a c2.g * c2.a * (1.0 - c1.a))/alphaDivisor;outputColor.b (c1.b * c1.a c2.b * c2.a * (1.0 - c1.a))/alphaDivisor;outputColor.a a;gl_FragColor outputColor;}
);
#else
NSString *const kGPUImageNormalBlendFragmentShaderString SHADER_STRING
(varying vec2 textureCoordinate;varying vec2 textureCoordinate2;uniform sampler2D inputImageTexture;uniform sampler2D inputImageTexture2;void main(){vec4 c2 texture2D(inputImageTexture, textureCoordinate);vec4 c1 texture2D(inputImageTexture2, textureCoordinate2);vec4 outputColor;// outputColor.r c1.r c2.r * c2.a * (1.0 - c1.a);// outputColor.g c1.g c2.g * c2.a * (1.0 - c1.a);// outputColor.b c1.b c2.b * c2.a * (1.0 - c1.a);// outputColor.a c1.a c2.a * (1.0 - c1.a);float a c1.a c2.a * (1.0 - c1.a);float alphaDivisor a step(a, 0.0); // Protect against a divide-by-zero blacking out things in the outputoutputColor.r (c1.r * c1.a c2.r * c2.a * (1.0 - c1.a))/alphaDivisor;outputColor.g (c1.g * c1.a c2.g * c2.a * (1.0 - c1.a))/alphaDivisor;outputColor.b (c1.b * c1.a c2.b * c2.a * (1.0 - c1.a))/alphaDivisor;outputColor.a a;gl_FragColor outputColor;}
);
#endif二.效果演示
使用****GPUImageNormalBlendFilter,****源图和目标图如下 使用GPUImageNormalBlendFilter 效果如下
三.源码下载
OpenGL ES Demo 下载地址 : IOS OpenGL ES GPUImage 图像混合 GPUImageNormalBlendFilter 四.猜你喜欢
IOS OPenGL ES 设置图像亮度 GPUImageBrightnessFilterIOS OPenGL ES 调节图像曝光度 GPUImageExposureFilterIOS OpenGL ES 调节图像对比度 GPUImageContrastFilterIOS OPenGL ES 调节图像饱和度 GPUImageSaturationFilterIOS OPenGL ES 调节图像伽马线 GPUImageGammaFilterIOS OpenGL ES 调节图像反色 GPUImageColorInvertFilterIOS OpenGL ES 调节图像褐色 GPUImageSepiaFilterIOS OpenGL ES 调节图像灰色 GPUImageGrayscaleFilterIOS OpenGL ES 调节图像 RGB 通道 GPUImageRGBFilterIOS OpenGL ES 调节图像不透明度 GPUImageOpacityFilterIOS OpenGL ES 调节图像阴影 GPUImageHighlightShadowFilterIOS OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilterGPUImage – 色彩直方图 GPUImageHistogramFilterGPUImage – 色彩直方图 GPUImageHistogramGeneratorGPUImage – 像素平均色值 GPUImageAverageColorGPUImage – 亮度平均 GPUImageLuminosityIOS OpenGL ES 调节图像色度 GPUImageHueFilterIOS OpenGL ES 指定颜色抠图 GPUImageChromaKeyFilterIOS OpenGL ES 调节图像白平衡/色温 GPUImageWhiteBalanceFilterIOS OpenGL ES 设置图像 lookup 滤镜 GPUImageLookupFilterIOS OpenGL ES 设置图像滤镜 GPUImageAmatorkaFilterIOS OpenGL ES 设置图像滤镜 GPUImageSoftEleganceFilterIOS OpenGL ES 设置图像锐化 GPUImageSharpenFilterIOS OpenGL ES 绘制十字 GPUImageCrosshairGeneratorIOS OpenGL ES 绘制线条 GPUImageLineGeneratorIOS OpenGL ES 设置图像黑白燥点 GPUImageLocalBinaryPatternFilterIOS OpenGL ES 设置图像卡通效果黑色粗线描边 GPUImageToonFilterIOS OpenGL ES 桑原滤波/水粉画模糊效果 GPUImageKuwaharaFilterIOS OpenGL ES 黑白马赛克效果 GPUImageMosaicFilterIOS OpenGL ES 像素化马赛克效果 GPUImagePixellateFilterIOS OpenGL ES 同心圆像素化马赛克效果 GPUImagePolarPixelIOS OpenGL ES 黑白网状效果 GPUImageCrosshatchFilterIOS OpenGL ES 色彩丢失/模糊效果 GPUImageColorPackingFilterIOS OpenGL ES 图像晕影 GPUImageVignetteFilterIOS OpenGL ES 图像漩涡 GPUImageSwirlFilterIOS OpenGL ES 图像鱼眼扩散效果 GPUImageBulgeDistortionFilterIOS OpenGL ES 图像鱼眼移动效果 GPUImageBulgeDistortionFilterIOS OpenGL ES 图像凹面镜移动效果 GPUImagePinchDistortionFilterIOS OpenGL ES 图像凹面镜放大效果 GPUImagePinchDistortionFilterIOS OpenGL ES 图像哈哈镜效果 GPUImageStretchDistortionFilterIOS OpenGL ES 图像水晶球效果 GPUImageGlassSphereFilterIOS OpenGL ES 图像球形折射 GPUImageSphereRefractionFilterIOS OpenGL ES 图像色调分离噪点效果 GPUImagePosterizeFilterIOS OpenGL ES 图像 CGA 色彩滤镜 GPUImageCGAColorspaceFilterIOS OpenGL ES 图像柏林噪点/花边噪点 GPUImagePerlinNoiseFilterIOS OpenGL ES 图像加亮边缘 GPUImage3x3ConvolutionFilterIOS OpenGL ES 图像浮雕 3d 效果 GPUImageEmbossFilterIOS OpenGL ES 图像马赛克圆点 GPUImagePolkaDotFilterIOS OpenGL ES 图像侵蚀边缘黑白模糊 GPUImageErosionFilterIOS OpenGL ES 图像侵蚀边缘色彩模糊 GPUImageRGBErosionFilterIOS OpenGL ES 图像扩展边缘黑白模糊 GPUImageDilationFilterIOS OpenGL ES 图像扩展边缘彩色模糊 GPUImageRGBDilationFilterIOS OpenGL ES GPUImage 黑白色调模糊 GPUImageOpeningFilterIOS OpenGL ES GPUImage 彩色模糊 GPUImageRGBOpeningFilterIOS OpenGL ES GPUImage 图像黑白色调模糊/暗色提亮 GPUImageClosingFilterIOS OpenGL ES GPUImage 图像彩色调模糊/暗色提亮 GPUImageRGBClosingFilterIOS OpenGL ES GPUImage 图像 Lanczos 重取样模糊效果 GPUImageLanczosResamplingFilterIOS OpenGL ES GPUImage 图像显示亮度最高的像素,其他为黑 GPUImageNonMaximumSuppressionFilterIOS OpenGL ES GPUImage 图像显示亮度最高的像素,其他为黑 GPUImageThresholdedNonMaximumSuppressionFilterIOS OpenGL ES GPUImage 图像 Sobel 边缘检测类似漫画反色 GPUImageSobelEdgeDetectionFilterIOS OpenGL ES GPUImage GPUImageWeakPixelInclusionFilterIOS OpenGL ES GPUImage GPUImageDirectionalNonMaximumSuppressionFilterIOS OpenGL ES GPUImage 图像阈值边缘检测 GPUImageThresholdEdgeDetectionFilterIOS OpenGL ES GPUImage 图像普瑞维特(Prewitt)边缘检测 GPUImagePrewittEdgeDetectionFilterIOS OpenGL ES GPUImage 图像 XYDerivative 边缘检测 GPUImageXYDerivativeFilterIOS OpenGL ES GPUImage 图像阀值素描形成有噪点的素描 GPUImageThresholdSketchFilterIOS OpenGL ES GPUImage 图像阴影和深度效果 GPUImageMultiplyBlendFilterIOS OpenGL ES GPUImage 图像混合 GPUImageNormalBlendFilter
