// global variable

var fillColor;

var brushSize = 1;

​

function setup() {

  createCanvas(400, 400);

  background(220);

  noStroke();

​

  fillColor = color(

    random(200), // red

    random(200), // green

    random(200), // blue

    random(255) // alpha

  );

}

​

function mouseDragged() {

  // for loop -- start, loop number, update

  var n = random(1, 6); 

  for (var i = 0; i < n; i++) {

    stroke(fillColor);

    noFill();

    var x = mouseX + random(-10, 20);

    var y = mouseY + random(-10, 20); 

    var s = brushSize + random(-0, 10); 

    square(x, y, s);

  }

}

​

function keyPressed() {

  if (keyCode === 30) {

    // r

    fillColor = color(

      random(50, 100), // red

      random(100), // green

      random(255), // blue

      random(100, 255) // alpha

    );

  }

​

  if (keyCode === 30) {

    // c

    background(220);

  }

​

  if (keyCode === 50) {

    // s

    save("drawing.jpg");

  }

}