# Shader Matrix Dither

Uma imagem em 1 bit pelo dither de Bayer, só papel e tinta da marca, numa trama 2×2, 4×4 ou 8×8.

- Nome no registry: `shader-matrix-dither`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/shader-matrix-dither
- Categorias: shaders, shader, webgl, imagem, dither, 1-bit, bayer

## Quando usar

- Use quando: Foto em 1 bit com trama xadrez de Mac antigo, em hero tech, zine ou capa de produto
- Evite quando: Vários tons pixelados: shader-dither; pontos redondos de retícula, shader-halftone

## Instalar

```bash
npx shadcn@latest add @visant/shader-matrix-dither
```

## Usar

```tsx
<ShaderMatrixDither />
```

## API

### ShaderMatrixDither

- `src: string` — A imagem a pontilhar. Fundo branco ou transparente vira papel.
- `alt?: string = "Imagem pontilhada em 1 bit"` — Texto alternativo da imagem.
- `bias?: number = 0` — Viés do limiar: positivo puxa para a tinta, negativo para o papel.
- `colors?: string[]` — Paradas: papel e tinta. Qualquer cor CSS ou token.
- `matrix?: "2x2" | "4x4" | "8x8" = "4x4"` — Tamanho da matriz de Bayer: muda o desenho da trama.
- `scale?: number = 2` — Tamanho de cada ponto da trama, em px.