# Shader Halftone

Retícula de uma tinta só sobre uma imagem, em pontos, quadrados ou linhas, com uma lupa que amplia debaixo do cursor.

- Nome no registry: `shader-halftone`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/shader-halftone
- Categorias: shaders, shader, webgl, imagem, reticula, impressao

## Quando usar

- Use quando: Foto com retícula de uma tinta e lupa sob o cursor, em editorial ou campanha com cara de jornal
- Evite quando: Duas tintas com grão: shader-riso; caracteres em vez de pontos, shader-ascii

## Instalar

```bash
npx shadcn@latest add @visant/shader-halftone
```

## Usar

```tsx
<ShaderHalftone />
```

## API

### ShaderHalftone

- `src: string` — A imagem a reticular. Fundo branco ou transparente vira papel.
- `alt?: string = "Imagem em retícula"` — Texto alternativo da imagem.
- `angle?: number = 45` — Ângulo da retícula, em graus.
- `cell?: number = 9` — Tamanho da célula da retícula, em px.
- `colors?: string[]` — Paradas: papel e tinta. Qualquer cor CSS ou token.
- `contrast?: number = 55` — Contraste antes de reticular.
- `lens?: boolean = true` — Lupa que amplia a imagem debaixo do cursor.
- `shape?: "dots" | "squares" | "lines" = "dots"` — Forma do ponto da retícula.