Categoria: imaging code

Com uma ajudinha do Python

Guilherme MaranhãoDeixe um comentário

Recentemente a empresa onde eu hospedava meu site/portfólio resolveu acabar com os planos como os meus e eu resolvi não continuar lá. Aquelas chatices, seu site está por todo lado, mas teria que ser uma outra solução.

Fui olhar as coisas que eu tinha prontas de uns anos atrás e acabei achando uma galeria em Java Script que eu usei num portfolio meu e também no site do RXDCC. Com meus conhecimentos dos anos mais recentes mergulhei novamente naquele projeto para fazer inúmeros ajustes e deixa a coisa um pouquinho mais agradável.

Essa galeria funciona bem na maioria dos navegadores, mas ela requer um HTML que cresce bastante com o número de fotos. Eu queria começar novamente com 93 imagens (antes tinha apenas 20). Então teria que escrever um monte de links repetitivos, como esse exemplo abaixo:

Isso é apenas uma parte do arquivo HTML, mas como tem várias partes que se repetem, escrevi um script simples de Python para automatizar isso:

Depois foi só abrir links.txt, copiar e colar no HTML, feito.

Depois me coloquei um outro desafio, reestruturar o site do zero e pensar numa maneira interessante para dar acesso diretamente a cada um dos ensaios que estão ali, ao invés de forçar o “visitante” a olhar tudo.

Um index.html, um styles.css e um script.js bem simples. Simplesmente copiei a pasta de imagens de um para outro, mas não fiquei satisfeito com as informações aparecendo no abre de cada ensaio, modifiquei para dar um pouco mais de vida a eles.

Uma pasta com 105 imagens. Nesse caso usei o Python para gerar a lista de imagens que está no script.js da mesma maneira que eu fiz no outro caso. E esse resultado está aqui.

Em busca de novos caminhos para o processamento de imagens digitais

Guilherme Maranhão2 Comentários

Comecei na fotografia em 1991, em um país do terceiro mundo. Desde então, sou fotógrafo profissional. Eventualmente, me mudei para um país europeu. Ao longo do tempo, experimentei muitos caminhos diferentes e, na maior parte desse período, me considerei um artista. No entanto, foi a imagem digital profissional que me sustentou. Investiguei programação por muito tempo e entrei na onda do Processing quando foi lançado, assim como o Arduino, entre outros. Passei por várias oportunidades de trabalhar com processamento de imagens, sem imaginar o quanto isso poderia ser divertido. Sempre fui, sem dúvida, um fotógrafo experimental.

Muitos anos depois, enquanto trabalhava como fotógrafo de e-commerce, tive acesso a uma plataforma de aprendizagem. Durante uma baixa temporada, decidi refrescar e expandir minhas habilidades em programação e, logo, fui capaz de realizar coisas que nunca pensei serem possíveis, especialmente depois de tanto tempo.

Recentemente fui demitido e isso foi muito bem-vindo. Terei tempo para pensar e planejar meus próximos passos, o que tem sido ótimo, de verdade. Usei esse tempo até agora para desenvolver aplicativos simples. Recentemente, terminei um trio de aplicativos que refletem a fotografia experimental que venho praticando todos esses anos.

Um lida com a mistura de canais de cores, outro cria scans de fenda a partir de vídeos (que era a sensação quando o Processing foi lançado), e o último aplica solarização em imagens. Tudo isso são técnicas que pratiquei em primeira mão no mundo analógico ou no digital experimental. Tem sido realmente interessante pesquisar mais sobre a matemática por trás das imagens.

Enfim, agora estou em busca de novos caminhos para o processamento de imagens digitais. Alguém tem alguma idéia?

Originalmente publicado em https://news.ycombinator.com/item?id=40575014

Slitscans a partir de vídeos

Guilherme MaranhãoDeixe um comentário

Fazer slitscans a partir de vídeos é uma moda que já passou. A maioria dos programas que você encontra no GitHub para isso já tem quase 10 anos que foram publicados. Naquela época eu estava experimentando com a linguagem Processing para fazer a mesma coisa.

O tempo passa e me encontrei querendo colocar minhas habilidades de Python em prática, foi quando lembrei desses programas e resolvi fazer algo parecido, mas com um toque diferente.

Tenho diversos vídeos de timelapse feitos ao longos dos anos. Sempre mantive a câmara estacionária e deixava a paisagem mudar gradualmente ao longo do dia. Bom, e se eu usasse um software de slitscan para varrer a imagem e juntar uma linha vertical de cada momento em um único frame que resumisse o dia? Seria visualmente interessante esse panorama?

Para experimentar seria importante um programa mais complexo de slitscan com possibilidade de estabelecer a posição de início do slit, a sua velocidade ao longo do frame de vídeo, se o resultado que se pretende é horizontal ou vertical, etc.

São mesmo muitos detalhes e ainda está longe de estar completamente funcional, mas um pequeno teste já rolou e o vídeo acima, gerou a imagem abaixo com 480 por 360 pixels:

Por hora é menos interessante do que eu sonhei, mas ainda não desisti.

Arquivos PostScript

Guilherme MaranhãoDeixe um comentário

Os arquivos PostScript (.ps) podem ser melhor entendidos lendo esse site aqui.

Em 2019, eu recém chegado a Portugal, me inscrevi num workshop com o André Rangel aqui em Braga, no GNRation, para aprender como gerar arquivos desse tipo com uma linguagem de programação chamada Max.

Foram diversos experimentos interessantes, chegamos até a capturar imagens da webcam e filtrar para fazer ASCII arte ou algo do gênero.

No entanto, os arquivos PostScript ficaram na minha mente e eu volta e meia pensava neles. Quando me entendi melhor com o Python, comecei a considerar usar ele para gerar novos arquivos, usando números randômicos.

O .ps é um arquivo de texto que tem um cabeçalho mais ou menos assim:

%!PS-Adobe-3.0 EPSF-3.0
%%DocumentData: Clean7Bit
%%Origin: 0 0
%%BoundingBox: 0 0 2000 3000
%%LanguageLevel: 1
%%Pages: 1
%%Page: 1 1
<< /PageSize [2000 3000] >> setpagedevice
7 setlinewidth

Isso é mais um EPS do que um PS, mas assim o Photoshop entende e consegue abrir isso para salvarmos um jpg depois. Assim damos o tamanho da página, a largura da linha que vamos usar, etc.

Depois do cabeçalho seguem uma série de comandos. Cada um cria uma parte da imagem final. Um exemplo de comando é:

0.33 0.45 0.37 setrgbcolor
497.000 497.000 moveto
738.000 614.000 1854.000 1978.000 1503.000 2503.000 curveto
stroke

Começamos por estabelecer a cor que será usada, um ponto de partida, e desenhamos uma curva, por fim mandamos desenhar de fato com a palavra stroke.

A idéia de usar o Python é criar umas 100 linhas como essa em um único arquivo, com número que variam com incrementos ou randomicamente. Assim mudamos a cor da linha, a forma da curva, o ponto de partida, etc.

Com um pouco de sorte, os números encontram uma maneira esquisita de interagir e fazemos algo interessante. Na imagem acima há tanto um componente randômico com um componente incremental. Na imagem abaixo os números são randômicos.

Se quiser explorar esses caminhos, deixei os scripts e exemplos de arquivos PostScript em um repositório no GitHub.

Solarizações • Maragram Generator

Guilherme MaranhãoDeixe um comentário

Para exemplificar o funcionamento da solarização digital, dois exemplos de resultados, um de cada lado da imagem original. À esquerda, um exemplo de altas luzes invertidas e à direita, um exemplo de sombras invertidas.

Mas porque parar ai? Porque não passar a imagem mais uma vez pelo programa e criar mais ruídos interessantes?

E minha preferida até agora:

Enquanto isso, adicionei o app ao Play Store e abri uma sessão de testes. Foi horrível. As pessoas conseguiam baixar o app e instalar, mas ele não abria… A curva de aprendizado ainda aponta para cima, mais e mais.

Finalmente cheguei à versão 1.0.3 que abria sem muitos problemas na maioria dos dispositivos e estava a funcionar. Passou pelos pre-launch tests da PlayStore (que eu só descobri que existiam depois do fiasco da 1.0.0). Aprendi um tanto sobre os mínimos detalhes do arquivo Android Manifest e do arquivo Gradle Build… Aprendi sobre coisas que não pareciam importante no momento em que se cria o arquivo para trabalhar num projeto, no nome que se dá para isso ou aquilo, e de como isso afeta o bundle que é construído no final.

Alguns amigos finalmente conseguiram instalar e rodar o app no seus dispositivos Android e andaram usando a palavra “divertido” para definir o app. Dei o projeto como bem sucedido e concluído – consegui escrever um código novo, num pacote que ainda não tinha um determinado método, consegui implementar isso num app e publicar o app de maneira limitada e segura e ver ele funcionar nos dispositivos dessas pessoas.

Quando escrevi em Janeiro sobre o curso de Python que eu estava começando (e que consegui terminar!!!) eu ainda não imaginava por onde ia andar. Acabei me interessando pelo Flutter também e isso me levou ao Dart. A Angela Yu, professora do curso de Python no Udemy, sempre lembra que faz parte de ser programador a constante busca por exemplos e soluções pela internet. Ela defende que é impossível aprender tudo pela páginas de documentação. Essa última semana é prova disso e de que umas boas buscas pelo StackOverflow conseguem resolver a maioria dos problemas que nos aparecem.

Acho que ainda vou atualizar o código para incluir umas questões de acessibilidade, que o app deveria ter. Ajeitar uns pequenos detalhes. Tudo está disponível no meu Github para quem quiser avançar com a coisa.

Se você quiser experimentar no seu dispositivo Android, me manda uma mensagem com o email da sua conta da Play Store, eu libero a conta para o teste e devolvo um link para o app. Por enquanto a distribuição da app vai permanecer assim.

Dart Image Library • solarize.dart

Guilherme MaranhãoDeixe um comentário

Durante muito tempo eu sonhei em fazer coisas como essas. No entanto, a vida foi me levando por outros caminhos e quando eu percebi, o tempo tinha passado. Não vou pensar no tempo perdido, afinal…

Quando comecei a aprender Python no fim de 2023, logo me dei conta de que seria necessário estabelecer alguma meta/ objetivo para esse aprendizado. Comecei a listar possibilidades dentro da fotografia. O conceito de solarização digital sempre me atraiu. Lembrei que é uma operação matemática simples, que mesmo eu conseguia imaginar ou formular.

Então na medida em que eu conhecia mais da programação, já ia pesquisando bibliotecas e pacotes de processamento de imagem. Fui tentando aprender o que era possível, no começo a partir do Python. Fiz uns scripts usando a biblioteca Pillow, depois usando Kornia e OpenCV. O que eu queria mesmo era fazer um app para ter no meu smartphone. Isso acabou me levando a tentar aprender outras coisas ao mesmo tempo. Já falei nisso aqui antes…

O caminho que eu escolhi na programação para dispositivos móveis é o do Flutter. Essa linguagem é baseada numa outra linguagem chamada Dart e herda dela seus pacotes. Existe um pacote de processamento de imagem para Dart e estudei isso por uns tempos. O pacote tem código aberto e as implementações estão no Github. Implementações nesse caso se referem ao código interno dos filtros e Dart é relativamente fácil de ler para quem lê inglês.

Fiz um fork. Estudei a implementação do filtro Invert e do filtro Normalize e, apesar de ainda não ser um grande craque do Dart, consegui juntar partes de um de do outro. Tirei algumas dúvidas fazendo buscas no StackOverflow. Introduzi minhas fórmulas para solarizar e fiz algo que considero único (já me achando): dei a opção ao usuário de fazer a solarização pelas sombras ou pelas altas luzes. Inspiração veio do Man Ray.

Quando tentei com Pillow, Kornia e OpenCV acabei optando por solarizar e inverter, para conseguir algo parecido com esse efeito. Mas já que eu ia escrever tudo do início, o melhor era já incorporar a opção no código e finalizar com um tapa no contraste para deixar tudo mais interessante.

E sim, Man Ray chama seus fotogramas de rayograms.

Montei uma app simples no Flutter e incorporei o filtro para testar meu código. Tive que fazer uns ajustes e sofri com o null safety do Dart, mas valeu. A app rodou no meu Xiaomi e fiz versões solarizadas de várias imagens da minha galeria como as que ilustram esse post.

Aqui uma comparação dos dois modos de operação do filtro: sombras (esq) e altas luzes (dir). Depois de ter certeza que o código funcionava e gerava os resultados esperados fiz um pull request. Um dos responsáveis pelo pacote aceitou minha adição.

Olho para isso, assim, disponível para quem quiser usar e penso em como foi tão fácil passar pelas partes mais difíceis, não sei porque eu demorei tanto para começar essas coisas.

De micreiro a programador num estalo ou dois…