let height = 450;

​

function setup() {

  createCanvas(450, 450);

  background("lightslategrey");

​

  /*Create tic tac toe board*/

  let w = width / 3;

  let h = height / 3;

  strokeWeight(2);

  stroke("white");

  line(w, 0, w, height);

  line(w * 2, 0, w * 2, height);

  line(0, h, width, h);

  line(0, h * 2, width, h * 2);

}

​

function draw() {

  if (mouseIsPressed) {

    if (key == "x") {

      stroke("lemonchiffon");

      line(mouseX + 50, mouseY + 50, mouseX - 50, mouseY - 50);

      line(mouseX - 50, mouseY + 50, mouseX + 50, mouseY - 50);

    } else if (key == "o") {

      stroke("pink");

      // If it is, draw a circle at the current mouse position.

      noFill();

​

      circle(mouseX, mouseY, 100);

    } else {

      noFill();

      stroke("pink");

      circle(mouseX, mouseY, 100);

    }

  }

  if (key == "r") {

  // Reset once r is pressed

    clear()

  }

}

​

​

​