RippleWipe

Wipe the content away in concentric rings pulsing out from a center point

Props

  • progress

    How far the ripple has expanded (0 = fully visible, 1 = fully wiped away)

    Type
    number
    Default
    0.5

  • center

    Point the rings expand from

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

  • rings

    Number of concentric rings

    Type
    number
    Default
    8

  • feather

    How softly adjacent rings' timing overlaps (0 = discrete ring pops)

    Type
    number
    Default
    0.2

  • invert

    Wipe from the outside inward instead

    Type
    boolean
    Default
    false

Usage

<Shader>
  <RippleWipe>
    <Circle />
  </RippleWipe>
</Shader>