PolarCoordinates

Convert rectangular coordinates to polar space

Props

  • center

    The center point for polar coordinate conversion

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

  • wrap

    Controls how much of the angular range to use (1 = full 360°, 0.5 = 180°)

    Type
    number
    Default
    1

  • radius

    Controls how much of the radius range to use (affects the radial mapping)

    Type
    number
    Default
    1

  • intensity

    Blends between original UVs (0) and polar coordinates (1)

    Type
    number
    Default
    1

  • edges

    How to handle edges when distortion pushes content out of bounds

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

Usage

<Shader>
  <PolarCoordinates
    radius={1}
    intensity={1}
  >
    <Circle />
  </PolarCoordinates>
</Shader>