色散效果GLSL着色器Opengl ES 2.0

Question

我正在寻找在Android和OpenGL ES 2.0上使用GLSL创建效果的方法，其中一开始，我使用着色器将彩色图像转换为灰度，然后显示从图像的任何一个角顶点开始一次扩散一个像素的原始颜色。

我已经能够成功应用第一个效果（转换为灰度）

但是我不知道如何一次选择一个像素并在图像上显示扩散效果？

（有人可以按正确的方向推动我吗？）

Answer 1

首先，我认为您需要在客户端内存中创建一个位图。 此位图将告诉您的着色器哪些像素应转换为灰度。 想象一个巨大的二维数组的布尔值。 零代表假，1代表真。 您只需要一个频道。

对于每个渲染的帧，您将使用glTexImage2D将位图转换为GL纹理，并将其与彩色图像一起传递到着色器中。

您的碎片着色器将如下所示：

uniform Sampler2D s_input;
uniform Sampler2D s_pixelsToGrayscale;
varying vec2 v_texCoord;

main() {
    vec4 color = texture2D(s_input, v_texCoord);
    vec4 isGrayscalePixel = texture2D(s_pixelsToGrayscale, v_texCoord);
    if( isGrayscalePixel.x > 0.0 ) {
        color = vec4(0.2126*color.r + 0.7152*color.g + 0.722*color.b);
    }
    gl_FragColor = color;
}

其中最烦人的部分是创建位图，除非您不熟悉后期处理效果（在这种情况下，您可能要开始研究全屏四边形），这至少足以使您正确地发送给您方向，但是如果您不喜欢这种着色器，我想您已经为您完成了工作。