opengl glsl 计算模糊(Blur) WebGL实现(glsl源码)

最新推荐文章于 2024-08-22 09:17:24 发布

含影

最新推荐文章于 2024-08-22 09:17:24 发布

阅读量4.6k

点赞数

分类专栏：图形图像与几何算法 opengl(es) glsl/hlsl 文章标签： glsl opengl blur

本文链接：https://blog.csdn.net/vily_lei/article/details/80918851

版权

模糊前:

模糊后(WebGL实现: 点击打开链接):

一般的采样模糊方式达不到上述效果，这里给出个人实现的glsl代码:

void main()
{
	vec4 color = vec4(0.0);
	int seg = 5;
	int i = -seg;
	int j = 0;
	float f = 0.0f;
	float dv = 2.0f/512.0f;
	float tot = 0.0f;
	for(; i <= seg; ++i)
	{
		for(j = -seg; j <= seg; ++j)
		{
			f = (1.1 - sqrt(i*i + j*j)/8.0);
			f *= f;
			tot += f;
			color += texture( texSampler, vec2(uv.x + j * dv, uv.y + i * dv) ).rgba * f;
		}
	}
	color /= tot;
	FragColor = color;
}

这里主要展