将模糊的结果和原图进行一个叠加合成(可能需要)
webgl实现径向模糊
径向模糊是一个后处理过程,径向模糊可以对静态的图片施加效果,也可以对动态渲染的图像施加效果。本示例中将对动态的图像施加效果。...输入贴图对象
要把贴图对象输出到屏幕上面,我们需要构造一个矩形对象,该对象正好是webgl坐标系中的四个顶点,代码如下:
function quad() {
var pos = [-1,1,0, -...idx = [0,1,2,0,2,3];
return {
p:pos,
t:st,
i:idx,
}
}
上述对象可以正好把一个贴图对象完整的输出到屏幕上(webgl...最终效果如下,
image.png
本文也发表在我的webgl专栏,完整代码可以在专栏中获取:
https://xiaozhuanlan.com/topic/6480975213
下一篇文章讲述利用径向模糊实现体积光的效果