RadialWipe

Sweep the content away in a clock-hand arc around a center point

Props

  • progress

    How far the sweep has travelled (0 = fully visible, 1 = fully wiped away)

    Type
    number
    Default
    0.5

  • startAngle

    Angle in degrees where the sweep begins

    Type
    number
    Default
    0

  • direction

    Which way the sweep rotates

    Type
    "cw" | "ccw" | "both"
    Default
    cw

  • center

    Point the sweep rotates around

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

  • feather

    Softness of the sweeping edge

    Type
    number
    Default
    0.1

  • invert

    Reverse which side of the sweep is wiped

    Type
    boolean
    Default
    false

Usage

<Shader>
  <RadialWipe>
    <Circle />
  </RadialWipe>
</Shader>