TiltShift

Selective focus blur mimicking tilt-shift photography

Props

  • intensity

    Maximum blur intensity at edges

    Type
    number
    Default
    50

  • width

    Width of the sharp focus area

    Type
    number
    Default
    0.3

  • falloff

    Distance over which blur transitions to full strength

    Type
    number
    Default
    0.3

  • angle

    Rotation angle of the focus line (in degrees)

    Type
    number
    Default
    0

  • center

    Center point of the focus line

    Type
    {x: number, y: number}
    Default
    {"x":0.5,"y":0.5}

  • dispersion

    Blurs red and blue by different amounts for a lens-like color fringe outside the focus band; negative swaps the colors

    Type
    number
    Default
    0

  • jitter

    Per-pixel noise on the tap spacing that hides banding at large blur radii

    Type
    number
    Default
    0

Usage

<Shader>
  <TiltShift
    intensity={50}
  >
    <Circle />
  </TiltShift>
</Shader>