Dithermate
Um laboratório de imagens, pixels e texturas. Dentro do navegador.
Dithering é um jeito de formar tons e sombras usando poucos pixels e poucas cores. No Dithermate, essa limitação vira matéria-prima: você abre uma imagem, testa um algoritmo e vê outra linguagem visual aparecer.
É um espaço para experimentar com imagens, pixel art e texturas sem sair do navegador. Os controles e o resultado ficam juntos, e o processamento acontece no próprio computador.
Stack e implementação
Next.js · React · TypeScript · Tailwind CSS · Canvas API · Web Workers · MediaPipe
O motor de dithering processa as imagens no navegador, com Canvas e Web Workers para manter os controles responsivos durante os ajustes. O MediaPipe faz a detecção de rosto e o recorte automático. Os mesmos algoritmos alimentam o editor de imagens, o de pixel art e o laboratório de texturas.
De uma foto a outra linguagem
Algoritmos diferentes distribuem os pixels de maneiras diferentes. Dá para comparar os resultados, trocar a paleta e ajustar brilho, contraste e escala até encontrar o efeito. Depois, a imagem pode sair em PNG ou SVG.
Texturas sem imagem de partida
Aqui, a imagem nasce de formas calculadas pixel a pixel. Esferas, ondas, ruídos e outros campos passam pelo mesmo motor de dithering. Os ajustes também podem virar movimento, e o resultado pode ser exportado como imagem, animação ou código.
Pixels que continuam editáveis
No editor de pixel art, uma imagem pode virar uma camada nas cores da paleta escolhida. A partir daí, pincel, borracha, preenchimento e camadas permitem continuar o trabalho pixel por pixel.