Toggle Sidebar B
Light & dark mode D

Perspective

Rotate the plane in 3D space with pan and tilt

Rotate the plane in 3D space with pan and tilt

Props

PropTypeDefaultDescription
centerposition{"x":0.5,"y":0.5}Center point of rotation
panrange0Horizontal rotation (left/right)
tiltrange0Vertical rotation (up/down)
fovrange60Field of view - controls perspective intensity
zoomrange1Zoom in to fill the frame after rotation
offsetposition{"x":0.5,"y":0.5}Shift the result in X/Y
edges"stretch" | "transparent" | "mirror" | "wrap"transparentHow to handle edges

Usage

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