如何在glsl中绘制带边框的平滑圆圈？

uniform float radius; // 圆的半径
uniform float borderWidth; // 边框的宽度

vec2 center = vec2(0.5, 0.5); // 圆心坐标
float distance = length(gl_FragCoord.xy - center); // 片元到圆心的距离

float alpha = smoothstep(radius - borderWidth, radius, distance); // 根据距离计算透明度

vec4 circleColor = vec4(1.0, 1.0, 1.0, alpha); // 圆的颜色，这里假设为白色

vec4 backgroundColor = vec4(0.0, 0.0, 0.0, 1.0); // 背景颜色，这里假设为黑色

vec4 finalColor = mix(backgroundColor, circleColor, circleColor.a); // 混合圆的颜色和背景颜色

gl_FragColor = finalColor; // 设置片元的最终颜色