Android中的Opengl Vignette Shader问题

Question

我正在尝试编写一个应用Vigenette Shader的opengl着色器。但我面临的问题是，它会显示一个圆圈，如右图所示。

我想知道我的代码中究竟出现了什么问题。

我也粘贴了下面的代码。

我的Vigenette Shader代码

precision mediump float;
uniform sampler2D u_Texture;
uniform sampler2D u_Vigenette;
uniform sampler2D u_Map;

varying vec2 v_TexCoordinate;


void main()
{
 vec3 texel = texture2D(u_Texture, v_TexCoordinate).rgb;
 texel.r = (texel.r == 1.0)?.9961:texel.r;
 texel.g = (texel.g == 1.0)?.9961:texel.g;
 texel.b = (texel.b == 1.0)?.9961:texel.b;

 texel = vec3(
                   texture2D(u_Map, vec2(texel.r, .16666)).r,
                   texture2D(u_Map, vec2(texel.g, .5)).g,
                   texture2D(u_Map, vec2(texel.b, .83333)).b);

 texel.r = (texel.r == 1.0)?.9961:texel.r;
 texel.g = (texel.g == 1.0)?.9961:texel.g;
 texel.b = (texel.b == 1.0)?.9961:texel.b;

 vec2 tc = (2.0 * v_TexCoordinate) - 1.0;
 float d = dot(tc, tc);
 vec2 lookup = vec2(d, texel.r);
 texel.r = texture2D(u_Vigenette, lookup).r;
 lookup.y = texel.g;
 texel.g = texture2D(u_Vigenette, lookup).g;
 lookup.y = texel.b;
 texel.b    = texture2D(u_Vigenette, lookup).b;

 gl_FragColor = vec4(texel, 1.0);

}

先谢谢你的帮助。

Answer 1

有点猜测，因为没有足够的信息可以肯定，但我认为你的代码期待

的结果

float d = dot(tc, tc);

在0到1的范围内，但它实际上在0到2的范围内。

也许您想要重新缩放它，或者可能将u_Vigenette纹理设置为重复而不是夹到边缘。