DisplacementMap

Distorts child content using another layer's pixels as a displacement map

Props

  • source

    The layer whose pixels drive the displacement — its red/green (or luminance) push the content around

    Type
    string
    Default

  • amount

    Overall displacement strength

    Type
    number
    Default
    0.3

  • channelMode

    How the source drives the push — red→X / green→Y, or luminance along a fixed angle

    Type
    "twoAxis" | "directional"
    Default
    twoAxis

  • angle

    Push direction in degrees (used by the Luminance channel mode)

    Type
    number
    Default
    0

  • edges

    How to handle edges when distortion pushes content out of bounds

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

Usage

<Shader>
  <DisplacementMap>
    <Circle />
  </DisplacementMap>
</Shader>