gaussianBlur
A soft, even blur of the child.
gaussianBlur(opts: {intensity: PropRef}): ComputeBackedEffect
Import effects from shaders/std and use effects.blurs.gaussianBlur.
intensity is a prop from 0 to about 200; 100 is a blur radius of about 36 pixels. Bind the prop to a map to vary the blur across the canvas. Only color blurs; the child's alpha stays sharp, so soft edges need a group or mask around the layer.
Parameters
| Name | Type | Notes |
|---|---|---|
opts | {intensity: PropRef} |
Example
...gaussianBlur({intensity: p('intensity')})
Tip. The blur runs at a fixed working resolution, so its cost does not grow with the canvas.
See also
channelBlur— Blurs red, green and blue by separate amounts, for a soft chromatic fringe.progressiveBlur— A blur that ramps from sharp to full strength in one direction across the child.tiltShift— Keeps a band of the child in focus and blurs everything beyond it, like a tilt-shift lens.bloom— A glow: the child's bright parts spread into a soft halo that adds back on top.motionBlur— Smears the child along a path: a straight streak, an arc around a point, or a zoom out of a point.