Halftone
Halftone dot pattern effect for printing aesthetics
Halftone dot pattern effect for printing aesthetics
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| style | "classic" | "cmyk" | classic | Halftone rendering style |
| frequency | range | 100 | Frequency of the halftone dots |
| angle | range | 45 | Rotation angle of the pattern (in degrees) |
| cyanAngle | range | 15 | Screen angle for the cyan plate (in degrees) |
| magentaAngle | range | 75 | Screen angle for the magenta plate (in degrees) |
| yellowAngle | range | 0 | Screen angle for the yellow plate (in degrees) |
| blackAngle | range | 45 | Screen angle for the black plate (in degrees) |
| misprint | range | 0 | Simulated mis-registration between plates. Plates are offset around the misprint angle, producing colour fringing at the edges of inked regions. |
| misprintAngle | range | 0 | Direction the plates drift apart. Rotating this rotates the colour-fringing pattern. |
| paperColor | color | #ffffff | Paper/substrate color shown where no ink lands |
| cyanColor | color | #00ffff | Cyan ink color |
| magentaColor | color | #ff00ff | Magenta ink color |
| yellowColor | color | #ffff00 | Yellow ink color |
| blackColor | color | #000000 | Black (key) ink color |
Usage
vue
<Shader>
<Halftone>
<Circle />
</Halftone>
</Shader>