LightLeak

Photorealistic film light leak — warm overexposed light bleeding in from a draggable anchor point, with streak bands, chromatic fringing, and slow breathing that evolves over time

Props

  • position

    Anchor point of the leak — the light beams from here toward the canvas centre

    Type
    {x: number, y: number}
    Default
    {"x":0.95,"y":0.4}

  • spread

    How far the light bleeds into the frame

    Type
    number
    Default
    0.55

  • intensity

    Exposure strength of the leak

    Type
    number
    Default
    0.15

  • streaks

    Strength of the parallel streak bands further into the frame

    Type
    number
    Default
    0.6

  • colorHot

    Core color where the leak is fully overexposed

    Type
    string
    Default
    #fff3c4

  • colorMid

    Main body color of the leak

    Type
    string
    Default
    #ff7a2f

  • colorFringe

    Outer fringe color where the light fades out

    Type
    string
    Default
    #a63d8f

  • flicker

    Breathing of the leak intensity

    Type
    number
    Default
    0.35

  • speed

    Speed of the breathing, drift and evolution. 0 freezes the leak.

    Type
    number
    Default
    1

  • seed

    Random seed — re-rolls the drift and breathing pattern

    Type
    number
    Default
    0

Usage

<Shader>
  <LightLeak
    intensity={0.15}
  >
    <Circle />
  </LightLeak>
</Shader>