Holographic

Iridescent holographic foil sticker with animated rainbow sheen and glitter flakes

Props

  • origin

    Reference edge the center position is measured from (center default). Lets you pin the shape relative to a corner or the canvas centre.

    Type
    string
    Default
    center

  • center

    Center position of the foil shape

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

  • scale

    Scale of the foil shape (1 = default size)

    Type
    number
    Default
    1

  • rotation

    Rotation of the foil shape in degrees

    Type
    number
    Default
    0

  • hueShift

    Rotates the rainbow spectrum across the foil

    Type
    number
    Default
    0

  • foilScale

    Size of the iridescent color patches — higher = smaller, busier patches

    Type
    number
    Default
    1.5

  • saturation

    Rainbow saturation — 0 = plain silver foil, 1 = fully spectral

    Type
    number
    Default
    0.75

  • roughness

    Matte laminate grain — softens the gloss with fine paper-like noise

    Type
    number
    Default
    0.25

  • speed

    Animation speed — the spectrum drifts across the foil as if the sticker is tilting in your hand. 0 pauses.

    Type
    number
    Default
    1

  • crinkle

    Laminate wrinkles — perturbs the surface so the sheen and rainbow swirl locally instead of lying flat

    Type
    number
    Default
    0.5

  • crinkleScale

    Size of the laminate wrinkles — higher = smaller, denser wrinkles

    Type
    number
    Default
    1

  • sparkle

    Glitter flakes embedded in the foil — tiny facets that refract a shifted hue and twinkle as the spectrum drifts

    Type
    number
    Default
    0.4

  • edgeSoftness

    Softness of the shape boundary edge

    Type
    number
    Default
    0.05

  • shape

    Shape to render — choose from 11 built-in analytical shapes or supply a custom SDF. See the Shape Effects guide for all available shapes and their options.

    Type
    ShapeConfig
    Default
    sphere3D

  • shapeSdfUrl

    URL to a pre-generated SDF `.bin` file — when non-empty, activates SVG mode and triggers a shader recompile. See the Shape Effects guide for how to generate an SDF from an SVG.

    Type
    string
    Default
    ""

Usage

<Shader>
  <Holographic />
</Shader>