Ripples

Concentric animated ripples emanating from a point

Props

  • center

    The center point where ripples emanate from

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

  • colorA

    Color of the ripple waves

    Type
    string
    Default
    #ffffff

  • colorB

    Background color between ripples

    Type
    string
    Default
    #000000

  • speed

    Speed of ripple animation

    Type
    number
    Default
    1

  • frequency

    Number of ripples/spacing between them

    Type
    number
    Default
    20

  • softness

    Softness of ripple edges

    Type
    number
    Default
    0

  • thickness

    Thickness of each ripple band

    Type
    number
    Default
    0.5

  • phase

    Phase offset for ripple animation

    Type
    number
    Default
    0

Usage

<Shader>
  <Ripples />
</Shader>