失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > ShaderJoy —— 实现“抗锯齿(AntiAliasing)”【GLSL】

ShaderJoy —— 实现“抗锯齿(AntiAliasing)”【GLSL】

时间:2020-12-19 22:05:13

相关推荐

ShaderJoy —— 实现“抗锯齿(AntiAliasing)”【GLSL】

本文主要参考自CandyCat的博客

1.点采样的抗锯齿

先来看看效果图:

上图一共分为四个部分,

左一是普通的纹理采样,直接使用顶点着色器传入的插值后的UV坐标对纹理采样;

左二是普通的点采样,因为左一显然太模糊,所以我们使用floor函数确保采样的是UV对应的纹理上某个定点像素的颜色,之所以各加上0.5偏移是为了和左一、左三、左四对齐;

左三使用了fwidth+smoothstep进行点采样,fwidth的效果相当于

w = fwidth(uv); // 同上w.x = abs(dFdx(uv).x);w.y = abs(dFdy(uv).y);

dFdx、dFdy就是分别对x,y方向计算差值

如果觉得《ShaderJoy —— 实现“抗锯齿(AntiAliasing)”【GLSL】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。