Falando Sozinha com as Paredes #11: arte generativa
Olar!
Tudo bem? Já chegou o friozinho por aí também? ☕
Nessa edição quero compartilhar um pouco sobre um dos pontos de encontro entre arte e tecnologia que tem me fascinado muito nos últimos tempos. Vem comigo conhecer um pouco mais sobre arte generativa e programação criativa.
Arte generativa
Arte generativa é aquela que é criada, em parte ou totalmente, utilizando um sistema autônomo, ou seja, um componente não-humano. Podem ser sistemas de química, biologia, matemática, dados (como vimos na semana passada), robótica, algoritmos e por aí vai.
Ao contrário do que muitos podem pensar (as máquinas estão roubando nosso lugarrr), a arte criada através de código não é menos humana por isso. Como em qualquer processo de computação, quem define os parâmetros iniciais são as pessoas.
Eu vejo a utilização desse tipo de recurso também como um processo de acelerar a fase de exploração de alternativas que a pessoa artista faz.
👩🏻🎨 Atacando de artista
Quando a gente fala de arte através de códigos, pode parecer tudo meio abstrato, tipo a tela de abertura de Matrix.
Mas tudo tem um começo, e hoje eu quero dar os primeiros passos com vocês e mostrar que pode ser divertido explorar esse tipo de criação. Pra isso, hoje vamos usar o p5.js que é uma biblioteca JavaScript, gratuita e open-source, para programação criativa. No site tem um editor aberto em que você pode escrever seu código e rodar tudo direto do navegador, sem precisar instalar programa algum.
O site abre em navegadores para dispositivos móveis, mas recomendo acessar de um computador, porque dependendo do tamanho da tela vai ficar difícil conseguir visualizar o código e o desenho lado a lado.
Vamos começar bauhasianos! Como desenhar formas básicas através de código?
Quando você utiliza esse tipo de mídia, tem que definir os detalhes de tudo. Primeiro você precisa ajustar as definições da área geral da arte (como se estivesse preparando sua tela de pintura), depois você entra com os comandos de desenho: definir as cores do fundo, quais elementos serão desenhados e em quais cores. O código fica assim:
function setup() {
createCanvas(300, 150);
}
function draw() {
background(255);
noStroke();
fill(255,222,23);
triangle(30, 75, 58, 20, 86, 75);
fill(190,30,45);
square(130, 20, 55);
fill(33,64,154);
circle(250, 50, 55);
}
Se você quer entender o que cada parâmetro significa, confere aqui a versão do arquivo comentada!
Nesse primeiro exercício, estamos escrevendo comandos que criam formas estáticas. Contudo, em arte generativa, o mais divertido são as possibilidades de utilizar a aleatoriedade e interação para criação de peças visuais únicas. Esses são os próximos passos, mas fica para uma edição futura ;)
Pra quem curtiu a ferramenta p5.js, recomendo explorar os materiais de referência no portal p5.js mesmo ou no perfil codingp5, que mencionei lá em cima nos exemplos. Esse perfil tem várias dicas e explicações pra quem está começando com programação criativa e quer explorar essa ferramenta.
Outras fontes interessantes, e em português também, são os canais do Multiverso Festival ou do Processing Community Day Brasil, nos quais você encontra diversos vídeos e oficinas das edições anteriores desses eventos, com muito conteúdo pra começar a aprender.
Por aqui eu ainda estou nos primeiros passos na programação criativa e queria compartilhar também um pouco do que já consegui criar através de outra ferramenta muito conhecida nesse meio chamada Processing, que também é gratuito e open-source, e possibilita utilizar as linguagens Java ou Python.
✨Andorinea indica
Pra conhecer a sua bolha musical geográfica
Através desse projeto visual você pode explorar as músicas que fazem sucesso (em views no youtube) em diversas regiões do mundo, inclusive a sua.
100 formas de contar de 1 a 100
De quantas formas é possível contar de 1 a 100 utilizando programação? Esse é um projeto muito interessante que reúne os resultados dessa proposta, criados por artistas, programadores, designers ou qualquer um que estiver interessado no desafio. Espero logo poder contribuir lá também!
👀 Pra ficar de olho
Lá vem o segundo semestre, cheio de eventos. Artes, design, literatura: tem pra todos os gostos!
07/07 a 01/08 - Festival Desenho Vivo
16/07 a 17/07 - UX Writing Day
17/07 - Front-in Sampa
22/07 a 25/07 - Flipop
Por hoje é isso, pessoal!
Espero que fiquem bem por aí.
Abraços quentinhos,
Izadora Netz