对 UIImage 应用棕褐色、RGB、灰度效果答案

【问题标题】：Applying Sepia, RGB, GrayScale effect to UIImage对 UIImage 应用棕褐色、RGB、灰度效果
【发布时间】：2012-03-14 10:52:47
【问题描述】：

我想在我的应用中对图像应用滤镜效果。我是 Open GL 的新手，想在我的应用中应用 Sepia、RGB、GrayScale 效果到图像。我实现了亮度、对比度、饱和度效果，但无法找到灰度、RGB 和棕褐色效果的任何解决方案。

提前致谢。

【问题讨论】：

看看stackoverflow.com/questions/3549396/…
@niks 能否提供亮度、对比度和饱和度的代码

标签： ios opengl-es uiimage

【解决方案1】：

您没有指定是在 OpenGL ES 1.1 还是 2.0 中执行此操作，所以我假设您指的是较新的 2.0。如果 1.1 确实是您的目标，您将需要像 Apple 在其 GLImageProcessing example 中所做的那样使用混合模式。

对于 OpenGL ES 2.0，您可以使用片段着色器来实现这些效果。对于图像的灰度版本，您可以使用以下片段着色器仅提取亮度：

 precision highp float;

 varying vec2 textureCoordinate;

 uniform sampler2D inputImageTexture;

 const highp vec3 W = vec3(0.2125, 0.7154, 0.0721);

 void main()
 {
     float luminance = dot(texture2D(inputImageTexture, textureCoordinate).rgb, W);

     gl_FragColor = vec4(vec3(luminance), 1.0);
 }

对于棕褐色调，您可以使用我在this answer 中演示的颜色矩阵操作着色器：

 varying highp vec2 textureCoordinate;

 uniform sampler2D inputImageTexture;

 uniform lowp mat4 colorMatrix;
 uniform lowp float intensity;

 void main()
 {
     lowp vec4 textureColor = texture2D(inputImageTexture, textureCoordinate);
     lowp vec4 outputColor = textureColor * colorMatrix;

     gl_FragColor = (intensity * outputColor) + ((1.0 - intensity) * textureColor);
 }

有一个矩阵

self.colorMatrix = (GPUMatrix4x4){
        {0.3588, 0.7044, 0.1368, 0},
        {0.2990, 0.5870, 0.1140, 0},
        {0.2392, 0.4696, 0.0912 ,0},
        {0,0,0,0},
    };

我不知道您所说的“RGB 效果”是什么意思。也许您的意思是颜色矩阵操作，在这种情况下，上面的方法也适用于您。

所有这些都是我的开源 GPUImage 框架中的内置过滤器（请参阅 GPUImageBrightnessFilter、GPUImageContrastFilter、GPUImageSaturationFilter、GPUImageSepiaFilter 和 GPUImageColorMatrixFilter）。如果您真的是 OpenGL ES 的新手，那么您需要编写大量代码来设置场景、将 UIImage 作为纹理拉入、对其运行顶点和片段着色器、检索该图像并保存它作为 UIImage 退出。 GPUImage 将通过几行 Objective-C 代码为您完成所有这些工作。

【讨论】：