Atividade 2

- Apresentar, alterar e comentar um dos exemplos encontrados no processing.org/examples.

Eu escolhi o exemplo de Saturação para estudar e modificar:

aqui está o original:

int barWidth = 20;
int lastBar = -1;


void setup() {
  size(640, 360);
  colorMode(HSB, width, height, 100); 
  noStroke();
}


void draw() {
  int whichBar = mouseX / barWidth;
  if (whichBar != lastBar) {
    int barX = whichBar * barWidth;
    fill(barX, mouseY, 66);
    rect(barX, 0, barWidth, height);
    lastBar = whichBar;
  }
}

Aqui está a versão alterada e com comentários do que foi mudado:

 
int barWidth = 40;
int barHeight = 25; //adicionando altura das barras
int lastBar = -1;


void setup() {
  size(640, 360);
  colorMode(HSB, width, height, 200);//mudando o formato de Cores
  stroke(4); //adicionando borda âs barras.
}


void draw() {
  int whichBar = mouseX / barWidth;
  if (whichBar != lastBar) {
    int barX = whichBar * barWidth;
    fill(barX, mouseY, height);
    rect(barX, 0, barWidth, height, 4); //adicionando um ângulo nos cantos do retângulo.
    lastBar = whichBar;
  }
}