如何在glsl中绘制带边框的平滑圆圈？
提问开始:
![]()
回答开始:得票数 1
我想在GLSL中画一个平滑的圆，但有一个可变宽度的边框，用一种单独的颜色。潜在地，圆的内部可能是透明的。
我的原始非平滑着色器：
#version 330
layout(location=0) out vec4 frag_colour;
in vec4 color;
uniform float radius;
uniform vec2 position;
uniform vec4 borderColor;
uniform float borderThickness;
void main()
{
float distanceX = abs(gl_FragCoord.x - position.x);
float distanceY = abs(gl_FragCoord.y - position.y);
if(sqrt(distanceX * distanceX + distanceY * distanceY) > radius)
discard;
else if(sqrt(distanceX * distanceX + distanceY * distanceY) <= radius &&
sqrt(distanceX * distanceX + distanceY * distanceY) >= radius-borderThickness)
frag_colour = borderColor;
else
frag_colour = color;
}这是可行的，但并不顺利。我可以画出平滑的圆圈：
#version 330
layout(location=0) out vec4 frag_colour;
in vec4 color;
uniform float radius;
uniform vec2 position;
uniform vec4 borderColor;
uniform float borderThickness;
void main()
{
vec2 uv = gl_FragCoord.xy - position;
float d = sqrt(dot(uv,uv));
float t = 1.0 - smoothstep(radius-borderThickness,radius, d);
frag_colour = vec4(color.rgb,color.a*t);
}但是我不知道如何在上面添加我的边框。
您必须计算半径和距离之差的绝对值，并在0.0和borderThickness之间进行插值
float t = 1.0 - smoothstep(0.0, borderThickness, abs(radius-d));
如果你想填充这个圆，那么你需要2个渐变。1用于内圆和边界之间的过渡，第二个用于轮廓上的alpha通道。通过前者设置颜色，并通过后者设置mix通道：
float t1 = 1.0 - smoothstep(radius-borderThickness, radius, d);
float t2 = 1.0 - smoothstep(radius, radius+borderThickness, d);
frag_colour = vec4(mix(color.rgb, baseColor.rgb, t1), t2);
总结以上是真正的电脑专家为你收集整理的如何在glsl中绘制带边框的平滑圆圈？的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得真正的电脑专家网站内容还不错，欢迎将真正的电脑专家推荐给好友。
你可能想看：
最新文章
-
“豫西中医界之泰斗乔保均”治疗疑难病60年经验赏析
7小时前 -
回忆、健忘和洒脱
7小时前 -
弘一法师：“真的不忍心告诉你，这个世界只是一个梦。你一辈子执
8小时前 -
心理学，准的让你惊叫
8小时前 -
人生，成大器者有四识，知识、见识、胆识、远识
8小时前 -
俞和：被遗忘的书法家，以古为师，创新在手！
8小时前 -
2024届新高考II卷语文真题答案及解析
9小时前 -
生前只是小人物，死后震惊史学界
9小时前
热门文章
-
每日一诵伤寒论第241条
1周前 -
老张老李侃门球之140篇
2天前 -
这个穴位可以治疗多种胃痛腹痛，还可以减肥
5天前 -
为什么五点钟要起床答案让人吃惊！（现在知道还不晚）
1周前 -
治疗坐骨神经痛药酒５方
1周前 -
诊余杂记（师传经验）
4天前 -
美丽中国-2870：中国最大的内陆河，塔里木河
2天前 -
二十四山开门放水作灶真诀开门放水作灶直诀——子山
2天前
有话要说...