Toggle Sidebar B
Light & dark mode D

RectangularCoordinates

Convert polar coordinates back to rectangular space

Convert polar coordinates back to rectangular space

Props

PropTypeDefaultDescription
centerposition{"x":0.5,"y":0.5}The center point for rectangular coordinate conversion
scalerange1Scale factor for the rectangular output
intensityrange1Blends between original UVs (0) and rectangular coordinates (1)
edges"stretch" | "transparent" | "mirror" | "wrap"transparentHow to handle edges when distortion pushes content out of bounds

Usage

vue
<Shader>
  <RectangularCoordinates
    :intensity="1"
  >
    <Circle />
  </RectangularCoordinates>
</Shader>