let s = 699;

let isStrokeEnabled = true;

​

function setup() {

  createCanvas(700, 700);

  background(0);

  rainbow = color(random(255), random(255), random(255));

  stroke(0);

  //INSTRUCTIONS on sketch

  let i =

    "Click to pause/unpause and generate a random color | Press S to save | Press C to clear canvas";

​

  //INSTRUCTIONS in console

  console.log(

    "Press Spacebar to (un)pause and generate a random color | Press S to save | Press C to clear canvas")   ;

​

​

  fill(200);

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

}

​

function draw() {

​

  if (isStrokeEnabled) {

     stroke(rainbow);

    line(pmouseX, pmouseY, mouseX, mouseY);

    smooth();

  } else {

     rainbow = color(random(255), random(255), random(255));

    noStroke();

  }

  //STROKE on MIRRORED CANVAS 4-Corners

  line(pmouseX, pmouseY, mouseX, mouseY);

  line(s - pmouseX, pmouseY, s - mouseX, mouseY);

  line(pmouseX, s - pmouseY, mouseX, s - mouseY);

  line(s - pmouseX, s - pmouseY, s - mouseX, s - mouseY);

  strokeWeight(10);

  smooth();

​

​

}

​

function keyPressed() {

  //SAVE IMAGE

  if (key === "s") {

    console.log("Saving...");

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

    console.log("Done saving.");

  }

​

  //RESET CANVAS

  if (key === "c") {

    setup();

    console.log("Image cleared.");

  }

    //RESET CANVAS

  if (key === ' ') {

​

    isStrokeEnabled = !isStrokeEnabled;

​

    console.log("Stroke color changed.");

  }

​

}

​

function mousePressed() {

  if (mouseButton === LEFT) {

    isStrokeEnabled = !isStrokeEnabled;

  }

}

​