Scratches

Fine hairline scratches, like a worn film or scratched surface

Props

colorAstring

Default:#ffffff

First color

colorA

stringDefault: #ffffff

First color

colorBstring

Default:#000000

Second color

colorB

stringDefault: #000000

Second color

scalenumber

Default:2

Pattern scale (higher = more, finer scratches)

scale

numberDefault: 2

Pattern scale (higher = more, finer scratches)

thicknessnumber

Default:1

Thickness of the scratches (higher = bolder streaks)

thickness

numberDefault: 1

Thickness of the scratches (higher = bolder streaks)

seednumber

Default:0

Random seed for pattern variation

seed

numberDefault: 0

Random seed for pattern variation

speednumber

Default:1

Animation speed

speed

numberDefault: 1

Animation speed

<Shader>
  <Scratches />
</Shader>

<Shader>
  <Scratches />
</Shader>

<Shader>
  <Scratches />
</Shader>

<Shader>
  <Scratches />
</Shader>

import { createShader } from 'shaders/js'

const shader = await createShader(canvas, {
  components: [
    { type: 'Scratches', props: {} }
  ]
})