"Sissi",

"Sasha",

"Rachel",

"Apoorva",

"James",

"Marjorie",

"Ingrid",

"Jiaxi",

"Timmy",

"Cyrus",

"Aneesa",

"Duorfan",

  "Storm",

  "Vania",

  "Noah"

]

​

let y;

let amt=8; // how many in the first group

let counter = 0;

let tsz = 36;

let order = [];

let g1 = "Group: 1 Tues. Mar 16";

let g2 = "Group: 2 Thurs. Mar 18";

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(255, 255, 0);

  textSize(tsz);

  for (let i = 0; i < order.length; i++) {

    text(order[i], 20, 50 + (i * tsz));

  }

  textSize(tsz/1.5);

 // text(g1, width - textWidth(g1)-10, tsz/1.75);

  stroke(255, 0, 0);

  strokeWeight(2)

  line(0, (amt * tsz) + (tsz / 2), width, (amt * tsz) + (tsz / 1.8));

  noStroke();

  text(g1, width - textWidth(g2)-10,(tsz / 1.5));

  text(g2, width - textWidth(g2)-10,((amt+1) * tsz) + (tsz / 1.5));

}

​

function mousePressed() {

  let pair = [];

​

  if (names.length > 0) {

    let ind = floor(random(names.length));

    order[counter] = names[ind];

    names.splice(ind, 1);

  }

​

  console.log(order[counter]);

  counter++;

​

}