pse-image

Contexto

O pse-image nasceu na disciplina de Processamento e Análise de Imagens da PUC Minas. Em vez de uma lista de scripts, a proposta foi montar um ambiente visual em que cada etapa do processamento é um bloco.

Problema

Algoritmos de imagem costumam ser estudados um de cada vez. Encadear etapas, como ler uma imagem, aplicar uma convolução e olhar o histograma, normalmente exige código de cola, e fica difícil enxergar o efeito de cada passo.

Solução

Um pipeline de blocos no navegador, montado com React Flow:

• blocos para ler imagens PGM, aplicar convolução e calcular histograma, entre outros;
• os algoritmos foram implementados do zero, sem bibliotecas de processamento de imagem;
• o estado do pipeline fica no Zustand, e o projeto roda com Vite e Bun;
• testes de ponta a ponta com Playwright.

Resultado e aprendizado

O pse-image está publicado em pse-image.pedrovilaca.dev (abre em nova aba). Implementar cada algoritmo sem atalhos obrigou a entender o que acontece pixel a pixel, e a interface de blocos deixa esse caminho visível para quem usa.