var x;

var y;

​

function setup() {

  createCanvas(600, 600);

  //Stroke();

    textSize(18);

}

​

function draw() {

​

  for (x = 0; x < 300; x += 10) {

    for (y = 0; y < 200; y += 10) {

      c = random(255);

      fill(c);

      rect(x, y, 10, 20);

    }

  }

    fill(100,150)

    rect(0,0,width,30)

    fill(255,0,0)

    text('c = random(255);',10,20);

    //version 2

  translate(300, 0)

  for (x = 0; x < 300; x += 10) {

    for (y = 0; y < 200; y += 10) {

      c = randomGaussian(100, 5);

      //c = 255 * noise(0.001 * x);

      //c = 255 * noise(0.001 * x, 0.2 * y);

      fill(c);

      rect(x, y, 10, 10);

    }

  } 

    fill(100,150)

    rect(0,0,width,30)

    fill(255,0,0)

    text('c = randomGaussian(100, 5);',10,20);

    //version 3

  translate(-300, 200)

  for (x = 0; x < 600; x += 10) {

    for (y = 0; y < 200; y += 10) {

      c = 255 * noise(0.01 * x);

      fill(c);

      rect(x, y, 10, 10);

    }

  }

    fill(100,150)

    rect(0,0,width,30)

    fill(255,0,0)

    text('c = 255 * noise(0.01 * x);',10,20);

    //version 4

  translate(300, 0)

  for (x = 0; x < 600; x += 10) {

    for (y = 0; y < 200; y += 10) {

      c = 255 * noise(0.001 * x, 0.2 * y);

      fill(c);

      rect(x, y, 10, 10);

    }

  }

    fill(100,150)

    rect(0,0,width,30)

    fill(255,0,0)

    text('c = 255 * noise(0.001 * x, 0.2 * y)',10,20);

}