Kaleidoscope

Create a kaleidoscope effect with radial mirrored segments

Props

  • center

    The center point of the kaleidoscope effect

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

  • segments

    Number of radial segments in the kaleidoscope

    Type
    number
    Default
    6

  • angle

    Rotation offset for the entire kaleidoscope pattern

    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>
  <Kaleidoscope>
    <Circle />
  </Kaleidoscope>
</Shader>