apps/web/src/lib/effects/definitions/blur.frag.glsl


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

precision mediump float;

uniform sampler2D u_texture;
uniform vec2 u_resolution;
uniform float u_sigma;
uniform vec2 u_direction;

varying vec2 v_texCoord;

void main() {
  vec2 texelSize = 1.0 / u_resolution;

  vec4 color = vec4(0.0);
  float totalWeight = 0.0;

  // step=1 texel — scaling step size instead causes discrete ghosting artifacts
  for (int i = -30; i <= 30; i++) {
    float fi = float(i);
    float weight = exp(-(fi * fi) / (2.0 * u_sigma * u_sigma));
    color += texture2D(u_texture, v_texCoord + texelSize * u_direction * fi) * weight;
    totalWeight += weight;
  }

  gl_FragColor = color / totalWeight;
}