四角形の大きさ配置をバラバラにしたいです。

Question

プログラミング初心者です。
processingで下のサイトのようなものを作りたいのですが、四角形の大きさや配置をバラバラにすることができません。
またそれに加えて、四角形の大きさを時間がたつにつれ大きくしたり、小さくしたり（四角形一つずつ動きが違う）ものにしたいです。
よろしくお願いします。

http://www.complexification.net/gallery/machines/boxFittingImg/index.php

PImage img;
float mosaicSize = random(5,12);

void setup() {
  size(600, 400);
  img = loadImage("photo.jpeg");
  image(img, 0, 0);
  loadPixels();
  frameRate(5);
}

void draw() {
  background(0);
  for(int j = 0; j < height; j+=mosaicSize) {  
    for(int i = 0; i < width; i+=mosaicSize) {  
      color c = pixels[j * width + i];
      fill(c, 127);
      rect(i, j, brightness(c)/6.0, brightness(c)/6.0);
    }
  }
}

Answer 1

そこのサイトにソースがあるのですからそれを参考にすればよろしいかと。

ちなみに四角形の大きさがみな同じなのはmosaicSizeがずっと同じ値だからです。