BarShift

Slices content into parallel bars, each offset independently for a fractured or glitch-like effect

Props

  • count

    Number of bars across the longest viewport dimension

    Type
    number
    Default
    6

  • angle

    Angle of bar orientation in degrees (0 = vertical bars, 90 = horizontal bars)

    Type
    number
    Default
    0

  • intensity

    Maximum displacement per bar

    Type
    number
    Default
    0.15

  • seed

    Randomization seed for per-bar offset variation

    Type
    number
    Default
    0

  • speed

    Animation speed — each bar drifts at its own rate and direction

    Type
    number
    Default
    0

  • edges

    How to handle edges when distortion pushes content out of bounds

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

Usage

<Shader>
  <BarShift
    intensity={0.15}
  >
    <Circle />
  </BarShift>
</Shader>