TiltShift

Selective focus blur mimicking tilt-shift photography

Props

Prop	Type	Default	Description
intensity	range	50	Maximum blur intensity at edges
width	range	0.3	Width of the sharp focus area
falloff	range	0.3	Distance over which blur transitions to full strength
angle	range	0	Rotation angle of the focus line (in degrees)
center	position	{"x":0.5,"y":0.5}	Center point of the focus line
dispersion	range	0	Blurs red and blue by different amounts for a lens-like color fringe outside the focus band; negative swaps the colors
jitter	range	0	Per-pixel noise on the tap spacing that hides banding at large blur radii

vue

<Shader>
  <TiltShift
    :intensity="50"
  >
    <Circle />
  </TiltShift>
</Shader>