mouseXY_rects01

void setup() {
  size(500, 500);
  colorMode(HSB, 360, 100, 100);
  background(0, 0, 100);
  noStroke();
  smooth();
}

void draw() {
  fill(0, 0, 100);
  rect(0, 0, width, height);

  translate(mouseX, mouseY);

  for (int i =1; i < 10; i =  i +1) {
    fill(80/i, 80, 80);
    rect(0, 0, (width-mouseX)/i, (height-mouseY)/i);
    fill(160/i, 80, 80);
    rect(0, 0, (0-mouseX)/i, (0-mouseY)/i);
    fill(240/i, 80, 80);
    rect(0, 0, (width-mouseX)/i, (0-mouseY)/i);
    fill(320/i, 80, 80);
    rect(0, 0, (0-mouseX)/i, (height-mouseY)/i);
  }
}

お風呂に入っている時に思いついたかたちを描いてみた．最初はうまくできなかったけれど，translateで原点を動かせばいいんだと考えたあとは，すんなりとできた．一度，forを使わずに書いて，その後，forを導入して，rectを繰り返し描くようにした．