//https://programmingdesignsystems.com/shape/custom-shapes/index.html#custom-shapes-pANLh0l

​

function setup() {

  createCanvas(500, 500);

  background(220);

​

  // beginShape();

  // vertex(195, 223);

  // quadraticVertex(250, 150, 308, 223);

  // endShape(CLOSE);

  beginShape();

  vertex(200, 200);

  bezierVertex(190, 140, 300, 140, 290, 200);

  endShape(CLOSE);

​

}

​

function draw() {

  printMouseCoordinates();

    // keyTyped(); cannot put in draw because it saves endlessly

}

​

function printMouseCoordinates() {

  print(mouseX + "," + mouseY);

}

​

function keyTyped() {

  if (key === "s") {

    save("myCanvas.jpg");

  }

}