如何用GLSL渲染圆形渐晕图

我试图实现一个圆形渐晕与GLSL,但结果是椭圆时,纹理是矩形的。什么是正确的方法,使其正方形的纹理大小无关?输入纹理大小(分辨率)可以是矩形或正方形。 我试着用 丢弃 方法,但这不适合我的要求,因为我需要使用 获得渐变边。

当前结果:

varying vec2 v_texcoord;
uniform sampler2D u_texture;
uniform vec2 u_resolution;

vec4 applyVignette(vec4 color)
{
    vec2 position = (gl_FragCoord.xy / u_resolution) - vec2(0.5);           
    float dist = length(position);

    float radius = 0.5;
    float softness = 0.02;
    float vignette = smoothstep(radius, radius - softness, dist);

    color.rgb = color.rgb - (1.0 - vignette);

    return color;
}

void main()
{
    vec4 color = texture2D(u_texture, v_texcoord);
    color = applyVignette(color);
    gl_FragColor = color;
}