Engraving

Copper-plate line engraving — the image is redrawn as flowing line work whose weight swells with darkness, lines displaced by the form like a banknote portrait: a single plate, cross-hatched shadow plates, or one continuous spiral cut

Props

style"line" | "crosshatch" | "spiral"

Default:crosshatch

The engraving cut: a single line plate, cross-hatched plates building up the shadows, or one continuous spiral

style

"line" | "crosshatch" | "spiral"Default: crosshatch

The engraving cut: a single line plate, cross-hatched plates building up the shadows, or one continuous spiral

frequencynumber

Default:90

Line density — how many engraved lines span the height of the canvas

frequency

numberDefault: 90

Line density — how many engraved lines span the height of the canvas

anglenumber

Default:8

Direction of the base line work (in degrees)

angle

numberDefault: 8

Direction of the base line work (in degrees)

center{x: number, y: number}

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

Center the spiral coils outward from

center

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

Center the spiral coils outward from

reliefnumber

Default:0.6

How strongly the image brightness displaces the lines — the engraved 'lines climb over the form' effect

relief

numberDefault: 0.6

How strongly the image brightness displaces the lines — the engraved 'lines climb over the form' effect

wavinessnumber

Default:0.35

Organic meander of the line work, like a hand-pulled burin stroke

waviness

numberDefault: 0.35

Organic meander of the line work, like a hand-pulled burin stroke

contrastnumber

Default:1.15

Tonal contrast applied before the lines are cut — higher pushes mid-tones toward pure line or pure paper

contrast

numberDefault: 1.15

Tonal contrast applied before the lines are cut — higher pushes mid-tones toward pure line or pure paper

inkColorstring

Default:#1a1410

Color of the engraved ink

inkColor

stringDefault: #1a1410

Color of the engraved ink

paperColorstring

Default:#f4eee2

Paper color shown between the lines

paperColor

stringDefault: #f4eee2

Paper color shown between the lines

Usage

<Shader>
  <Engraving>
    <Circle />
  </Engraving>
</Shader>

<Shader>
  <Engraving>
    <Circle />
  </Engraving>
</Shader>

<Shader>
  <Engraving>
    <Circle />
  </Engraving>
</Shader>

<Shader>
  <Engraving>
    <Circle />
  </Engraving>
</Shader>

import { createShader } from 'shaders/js'

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

Emboss

ErosionNoise