Perspective

Rotate the plane in 3D space with pan and tilt

Props

  • center

    Center point of rotation

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

  • pan

    Horizontal rotation (left/right)

    Type
    number
    Default
    0

  • tilt

    Vertical rotation (up/down)

    Type
    number
    Default
    0

  • fov

    Field of view - controls perspective intensity

    Type
    number
    Default
    60

  • zoom

    Zoom in to fill the frame after rotation

    Type
    number
    Default
    1

  • offset

    Shift the result in X/Y

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

  • edges

    How to handle edges

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

Usage

<Shader>
  <Perspective>
    <Circle />
  </Perspective>
</Shader>