# Shader ASCII

Uma imagem redesenhada em caracteres, com seis jogos de glifo e as células mais cheias na cor da marca.

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

## Quando usar

- Use quando: Redesenhar foto em caracteres na cor da marca, em hero tech ou capa de campanha
- Evite quando: Imagem com cara de impressão: shader-halftone ou shader-riso; fundo sem imagem, shader-neon

## Instalar

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

## Usar

```tsx
<ShaderAscii />
```

## API

### ShaderAscii

- `src: string` — A imagem a redesenhar. Fundo branco ou transparente vira célula vazia.
- `alt?: string = "Imagem em caracteres"` — Texto alternativo da imagem.
- `cell?: number = 12` — Tamanho da célula de cada caractere, em px.
- `charset?: "blocks" | "dots" | "lines" | "classic" | "binary" | "braille" = "classic"` — Jogo de caracteres.
- `colors?: string[]` — Paradas: fundo, tinta e destaque. Qualquer cor CSS ou token.
- `contrast?: number = 55` — Contraste antes de escolher o glifo.
- `lens?: boolean = true` — Lupa que aproxima a imagem debaixo do cursor.
