Tarefa 1 - Hello World

1. Apresentar, alterar e discutir um dos exemplos disponíveis em https://processing.org/examples/ e relaciona-los ao conteúdo exposto no documentário “Hello World! Processing”


De acordo com o documentário “Hello World, Processing”, a intenção dos desenvolvedores deste software é tornar o contato humano-computador acessível ao maior número de usuários, seja pela facilidade na manipulação de dados, e sua representação de forma visual, ou pela formação de uma comunidade de aprendizado, A ideia é que a interação com o programa encoraje a experimentação, e que o processo criativo em contato com o computador não esteja fadado a ser metódico. Isto pode ser comprovado metaforicamente pela relação entre os projetos do processing e as páginas de um sketchbook. E assim fazemos no exemplo abaixo, criando, testando e modificando para aprender coisas novas.


Exemplo do processing:

void setup() {
  size(640, 360);
  noSmooth();
  fill(126);
  background(102);
}

void draw() {
  if (mousePressed) {
    stroke(255);
  } else {
    stroke(0);
  }
  line(mouseX-66, mouseY, mouseX+66, mouseY);
  line(mouseX, mouseY-66, mouseX, mouseY+66); 
}

No exemplo do processing, o programa cria um "+" preto cada vez que a posição do mouse muda, sem a necessidade do mouse estar pressionado. A partir do momento que ele é pressionado, o mesmo continua acontecendo porem o sinal muda de cor e se torna branco. Ao soltar o mouse, o sinal retorna pra seu estado inicial.

Resultado:

Código alterado:

void setup() {
  size(640, 360);
  noSmooth();
  fill(147,112,219);
  stroke(147,112,219);
}

void draw() {
  background(32,178,170);
  if (mousePressed) {
    fill(75,0,130);
  } else {
    fill(147,112,219);
  }
  ellipse(mouseX, mouseY,  100, 100); 
}

No código que eu alterei, ele cria apenas uma bola, pois o background está na função draw e não na setup, fazendo com que ele seja atualizado a cada frame. E assim como no primeiro código, cada vez que o mouse é pressionado o preenchimento da bola muda de cor.

Resultado: