Atividade #1 - Exemplo de Código e documentário Hello World! Processing

Da atividade

A atividade 1 consiste em apresentar, alterar e discutir um código localizado na página de exemplos do site oficial do Processing, e ainda relaciona-lo com o documentário Hello World! Processing.

O que achei do documentário

Bastante interessante! Um dos pontos mais interessantes que achei no geral do documentário foram as demonstrações de como o ato de codificar está ao nosso redor e de como o processsing pode ser utilizado não somente por programadores mais por qualquer pessoa que tem uma ideias e procura algo para esboçar seus pensamentos, livres para erros e alterações.

Exemplo escolhido

Um exemplo com interações com o mouse pressionado, que sempre desenha essas cruzes. Ao clicar e segurar o botão do mouse a cruz muda para a cor branca. O exemplo foi escolhido por eu gostar de interações que o usuário pode fazer com o código, mesmo que mínimas. Também porque me lembra bastante o funcionalmente de um brush no Photoshop, por exemplo. Daí acontecerá a alteração.

O Exemplo juntamente com o código pode ser visto aqui

Modificação

A modificação foi bem simples. Queria fazer algo mais parecido com um brush mesmo. Modificando a forma do código original para uma ellipse e retirando o background, fiz com que ao clicar e segurar desenhasse a ellipse e ao soltar não desenhar nada. As bolinhas recebem cores aleatórias com variáveis correspondentes ao r g b (o que deixa menos parecido com m brush que segue normalmente uma única cor, mas queria testar). Se o botão estiver solto ou não clicado no início ele recebe uma cor que está com alpha 0.

Código

int r, g, b;

void setup() {

  size(640, 360);

  noSmooth();

  fill(126);

}

void draw() {

noStroke();

  if (mousePressed) {

    r = int(random(255));

    g = int(random(255));

    b = int(random(255));

    fill(r,g,b);

  } else {

   fill(0,0,0,0);

    

  }

  ellipse(mouseX, mouseY, 30,30);

}