let paused = false;

​

​

function setup() {

  createCanvas(700, 700);

  background(0);

  //INSTRUCTIONS on sketch

  i = "Press P to pause/unpause stroke | Press C to clear canvas (unpause to clear) |  Press S to save image";

  fill(200);

  text(i, 10, 6, 700, 100);

}

​

​

function draw() {

  noStroke();

  //Random Colors

  fill(random(255), random(255), random(255), 50);

​

  push();

  //follow mouse

  translate(mouseX, mouseY);

  rotate(angle);

  angle= angle + 1;

  //scale object along mouse movement

  rect(0, 0, mouseX/10, mouseX/10);

  //object minimum size (20, 20)

  if ((mouseX <= 200)) {

    rect(0, 0, 20, 20);

  }

  pop();

}

​

​

function keyPressed() {

​

  //SAVE IMAGE

  if (key == 's') {

    println("Saving...");

    saveFrame("screen-####.jpg");

    println("Done saving.");

  }

​

  //RESET CANVAS

  if (key == 'c') {

    background(0);

    println("Image cleared.");

  }

​

  //PAUSE STROKE

  if (key == 'p') {

    paused = !paused;

    if (paused) {      

      noLoop();

    } else {

      loop();

    }

  }

}

​

​