我愿意用纯GLSL实现运动模糊或高斯模糊。我已经创建了一些基本的着色器,已经有了一些想法。
我的着色器:
顶点着色器:
我的着色器:
顶点着色器:
attribute vec4 a_color;
attribute vec2 a_position;
attribute vec2 a_texCoord0;
uniform mat4 u_projTrans;
varying vec4 v_color;
varying vec2 v_texCoord0;
void main() {
v_color = a_color;
v_texCoord0 = a_texCoord0;
gl_Position = u_projTrans * vec4(a_position, 0.0f, 1.0f);
}
片元着色器:
varying vec4 v_color;
varying vec2 v_texCoord0;
uniform vec2 screenSize;
uniform sampler2D u_texture;
uniform vec4 v_time;
const float RADIUS = 0.75;
const float SOFTNESS = 0.6;
void main() {
vec4 texColor = texture2D(u_texture, v_texCoord0);
vec4 timedColor = (v_color + v_time);
vec2 position = (gl_FragCoord.xy / screenSize.xy) - vec2(0.5);
float len = length(position);
float vignette = smoothstep(RADIUS, RADIUS-SOFTNESS, len);
texColor.rgb = mix(texColor.rgb, texColor.rgb * vignette, 0.5);
gl_FragColor = vec4(texColor.rgb * timedColor.rgb, texColor.a);
}
使用纯GLSL创建模糊效果是一个好主意吗?有没有人有关于如何做到这一点的想法?
既然我心中已经有了一些想法,那我不妨回答自己的问题。