# Shader CRT

Uma imagem num monitor de tubo, com linhas de varredura, vinheta, tela abaulada e uma faixa de luz que desce devagar.

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

## Quando usar

- Use quando: Foto ou print dentro de um monitor de tubo, em landing de game, retrô ou produto tech
- Evite quando: Fita com onda e vinco: shader-vhs; grão de filme sem tubo, shader-film-grain

## Instalar

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

## Usar

```tsx
<ShaderCrt />
```

## API

### ShaderCrt

- `src: string` — A imagem a pôr no tubo. Fundo transparente vira papel.
- `alt?: string = "Imagem num monitor de tubo"` — Texto alternativo da imagem.
- `curvature?: number = 40` — O quanto a tela é abaulada.
- `intensity?: number = 30` — O quanto as linhas escurecem a imagem.
- `lineWidth?: number = 2` — Espessura de cada linha de varredura, em px.
- `roll?: number = 30` — Velocidade da faixa de luz que desce. Zero deixa a tela parada.
- `vignette?: number = 30` — Escurecimento dos cantos.