BrickPattern

Classic brick wall pattern with alternating rows and mortar gaps

Props

  • colorBrick

    Brick color

    Type
    string
    Default
    #000000

  • colorMortar

    Mortar / gap color

    Type
    string
    Default
    #ffffff

  • cellsX

    Number of bricks per row

    Type
    number
    Default
    8

  • cellsY

    Number of brick rows

    Type
    number
    Default
    10

  • mortar

    Width of mortar gaps — equal pixel thickness in both directions

    Type
    number
    Default
    0.05

  • softness

    Softness of the brick edges (0 = crisp, 1 = very soft)

    Type
    number
    Default
    0

  • variation

    Per-brick random lightening/darkening of the brick color

    Type
    number
    Default
    0

  • rotation

    Rotation of the pattern in degrees

    Type
    number
    Default
    0

  • speed

    Animation speed

    Type
    number
    Default
    0

  • offset

    Static horizontal offset — shifts the brick pattern without animating

    Type
    number
    Default
    0

  • speedVariance

    How much each row's speed varies — at high values rows move at different speeds and directions

    Type
    number
    Default
    0

  • seed

    Random seed for per-row speed variation

    Type
    number
    Default
    0

  • colorSpace

    Color space for interpolation

    Type
    "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
    Default
    linear

Usage

<Shader>
  <BrickPattern />
</Shader>