Toggle Sidebar B
Light & dark mode D

PolarCoordinates

Convert rectangular coordinates to polar space

Convert rectangular coordinates to polar space

Props

PropTypeDefaultDescription
centerposition{"x":0.5,"y":0.5}The center point for polar coordinate conversion
wraprange1Controls how much of the angular range to use (1 = full 360°, 0.5 = 180°)
radiusrange1Controls how much of the radius range to use (affects the radial mapping)
intensityrange1Blends between original UVs (0) and polar coordinates (1)
edges"stretch" | "transparent" | "mirror" | "wrap"transparentHow to handle edges when distortion pushes content out of bounds

Usage

vue
<Shader>
  <PolarCoordinates
    :radius="1"
    :intensity="1"
  >
    <Circle />
  </PolarCoordinates>
</Shader>