Cum se folosește procesarea pentru a crea artă interactivă

Como usar o processamento para fazer arte interativa

⌛ Reading Time: 4 minutes

O processamento é uma linguagem de computador usado por artistas visuais para fazer arte generativa e interativa. Além de criar gráficos na tela, a linguagem também é usada para fazer todos os tipos de escultura interativa e artes físicas. No início, é difícil entender para que serve, mas basta dizer que o mundo da arte adotou o Processing como sua linguagem de programação preferida.

Neste artigo, vemos como a banda The Sinatra Test criou uma capa para seu próximo álbum, que cria uma versão única para cada usuário através de um aplicativo Mac distribuído com a música.

Gerador de capa de álbum

Para seu próximo álbum “ambientertainment”, o The Sinatra Test queria ter um design de capa que refletisse a natureza gerada da música no álbum. O Processing ofereceu um método simples e fácil de aprender para fazer exatamente isso.

O código para a capa do álbum não está totalmente concluído no momento da escrita, mas eles ficaram satisfeitos o suficiente com a saída para nos permitir ver os resultados até agora e publicar o código para esta versão inicial para as pessoas experimentarem por si mesmas.

O código é muito curto e simples, mas faz o trabalho. Nesta versão atual no Mac, a execução da compilação do aplicativo cria uma variação no design e a salva no mesmo local do aplicativo.

Para instalar o Processing, vá para o Página de download no site e clique no link da sua plataforma. Após o download, descompacte o arquivo ZIP e arraste o aplicativo para a pasta Aplicativos.

Faça um PDF

A primeira etapa é carregar a biblioteca de criação de PDF:

Em seguida, definimos o tamanho da saída na tela, neste caso 500 pixels quadrados:

Obviamente, a saída é um gráfico vetorial em PDF, portanto, pode ser dimensionado para qualquer tamanho sem degradação ou linhas irregulares.

Em seguida, precisamos definir um nome de arquivo para o PDF resultante e começar a registrar os gráficos à medida que são criados para armazenamento na imagem final:

As cores da imagem são então definidas. O fundo é preto:

Em caso de dúvida, randomize

Para criar as cores dos fios foi decidido que deveriam ser na sua maioria verdes, mas com variações. A estratégia era que o RGB das cores fosse aleatório, mas com o elemento verde sempre podendo ir mais alto que o vermelho ou o azul. O verde pode ir até 256, mas os outros dois canais são limitados a 100.

Portanto, definimos as variáveis ​​flutuantes vermelho, verde e azul com os seguintes valores:

Isso cria uma nova linha de cores a cada vez, sempre verde, mas com vários graus de vermelho, verde e azul para ajustar a tonalidade. Sempre há mais verde do que vermelho ou azul.

Cabelo, folhas ou cebolinhas? Quem sabe!

Agora o código para desenhar os fios. O peso da linha de cada fio é aleatório e a posição horizontal da parte superior e inferior dos fios também varia aleatoriamente dentro de certos parâmetros. Os fios são 60% translúcidos, resultando em um agradável efeito de fio semelhante a um cabelo:

Agora Algum Texto

Em seguida, a fonte deve ser criada. Para uso no Processing, as fontes devem ser convertidas para o formato .vlw. Isso é feito a partir de uma face no diretório de fontes no sistema host.

Nota: esta é uma área em que a banda ainda está trabalhando. Para aplicativos web a fonte convertida pode ser armazenada no servidor, nunca sendo instalada no sistema do usuário.

Uma vez que a fonte é criada, o texto é escrito na imagem, o nome da banda no canto superior esquerdo e o nome do álbum no canto inferior direito:

Aparentemente, foi preciso muita tentativa e erro para posicionar o texto corretamente, e as coordenadas aparentemente arbitrárias são as que pareceram melhores na tela.

Embrulhe isso

Em seguida, a gravação do PDF é encerrada, interrompendo efetivamente o programa e gravando a imagem finalizada no disco com o nome de arquivo definido acima:

Por fim, o programa imprime uma mensagem no console para indicar que foi concluído:

Refinamentos

A versão final do aplicativo terá alguns refinamentos, como uma fonte incorporada e uma interface de usuário um pouco mais interativa, talvez permitindo ao usuário predefinir alguns parâmetros.

Além disso, o programa de processamento no Mac escreve Java por padrão para fazer aplicativos, que é para o que foi usado nesta instância, mas você pode incluir outros modos, como Coffeescript, Javascript e Python, se desejar. Também está sendo investigada uma versão do software codificado para Javascript que cria a capa do álbum por meio de uma página da web e a baixa para o computador do usuário.

Gerar arte usando software é uma tendência crescente na arte moderna. Você já teve alguma experiência em Processing ou arte generativa? Deixe-nos saber seus pensamentos nos comentários abaixo.