Chalkboard

Renders content as a chalk drawing on a blackboard, with edge strokes and cross-hatch shading

Props

  • boardColor

    Background board color

    Type
    string
    Default
    #000000

  • chalkColor

    Chalk stroke color

    Type
    string
    Default
    #eceadb

  • edgeSensitivity

    How readily edges are detected and drawn as chalk strokes

    Type
    number
    Default
    0.5

  • edgeThickness

    Thickness of the chalk outline strokes

    Type
    number
    Default
    1.5

  • shading

    Amount of cross-hatch shading filling darker regions

    Type
    number
    Default
    0.05

  • hatchScale

    Spacing of the cross-hatch lines in pixels

    Type
    number
    Default
    16

  • grain

    Chalk dustiness / grain that breaks up the strokes

    Type
    number
    Default
    0.45

Usage

<Shader>
  <Chalkboard>
    <Circle />
  </Chalkboard>
</Shader>