progressiveBlur

A blur that ramps from sharp to full strength in one direction across the child.

progressiveBlur(opts: {
    intensity: PropRef
    angle: PropRef
    center: PropRef
    falloff: PropRef
}): ComputeBackedEffect

Import effects from shaders/std and use effects.blurs.progressiveBlur.

The ramp starts at center (a position in uv) and runs along angle (degrees, 0 points right), reaching full blur falloff (0–1, in uv) past the center. intensity (0–100) is the blur at the far end; 100 is a radius of about 36 pixels. Bind intensity to a map to vary the ceiling per pixel. Alpha stays sharp.

Parameters

NameTypeNotes
opts`{
intensity: PropRef
angle: PropRef
center: PropRef
falloff: PropRef

}` | |

Example

...progressiveBlur({intensity: p('intensity'), angle: p('angle'), center: p('center'), falloff: p('falloff')})

See also

  • tiltShift — Keeps a band of the child in focus and blurs everything beyond it, like a tilt-shift lens.
  • gaussianBlur — A soft, even blur of the child.

Used by

ProgressiveBlur