Dither
Dithering effect with multiple pattern options
Dithering effect with multiple pattern options
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pattern | "bayer2" | "bayer4" | "bayer8" | "clusteredDot" | "blueNoise" | "whiteNoise" | bayer4 | Dithering pattern algorithm |
| pixelSize | range | 4 | Size of dithering pixels |
| threshold | range | 0.5 | Luminance threshold for dithering |
| spread | range | 1 | How much of the luminance range participates in dithering (lower = more solid areas) |
| colorMode | "custom" | "source" | custom | How colors are determined |
| colorA | color | transparent | Dark color for dithering |
| colorB | color | #ffffff | Light color for dithering |
Usage
vue
<Shader>
<Dither>
<Circle />
</Dither>
</Shader>