WaveDistortion

Wave-based distortion with multiple waveform types

Props

  • strength

    Distortion intensity

    Type
    number
    Default
    0.3

  • frequency

    Number of bends/waves

    Type
    number
    Default
    1

  • speed

    Animation speed

    Type
    number
    Default
    1

  • angle

    Direction of wave distortion in degrees

    Type
    number
    Default
    0

  • waveType

    Shape of the distortion wave

    Type
    "sine" | "triangle" | "square" | "sawtooth" | "bounce"
    Default
    sine

  • edges

    How to handle edges when distortion pushes content out of bounds

    Type
    "stretch" | "transparent" | "mirror" | "wrap"
    Default
    stretch

Usage

<Shader>
  <WaveDistortion>
    <Circle />
  </WaveDistortion>
</Shader>