CornerPin

Pin each corner of the content to an arbitrary position for a free perspective warp

Props

  • topLeft

    Position of the top-left corner

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

  • topRight

    Position of the top-right corner

    Type
    {x: number, y: number}
    Default
    {"x":1,"y":0}

  • bottomLeft

    Position of the bottom-left corner

    Type
    {x: number, y: number}
    Default
    {"x":0,"y":1}

  • bottomRight

    Position of the bottom-right corner

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

  • amount

    Blends the warp in and out — 0 returns the content to its original rectangle, 1 fully pins the corners

    Type
    number
    Default
    1

  • edges

    How to handle areas outside the pinned quad

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

Usage

<Shader>
  <CornerPin>
    <Circle />
  </CornerPin>
</Shader>