Lobby.js

function Lobby() {

  this.setup = function () {
    new Canvas()

  }
  this.draw = function () {

    image(lobby_bg, 0, 0, width, height);
    fill(31, 75, 126);

    textSize(40);
    textFont('Pixelify Sans');
    text('Emmanuel College', width / 2 - 170, 30);
    text("Prop Hunt", width / 2 - 100, 60);

    textSize(25);
    textFont('Pixelify Sans');

    fill(31, 75, 126, 175);
    rect(1, 1, 195, 235);
    rect(width - 195, 1, 195, 235);
    fill('white');
    text('Rules:', 60, 25);
    text('Players Joined:', width - 190, 20);

    textSize(15);

    const rulesText = `  One player is randomly 
  assigned as a seeker and
  the rest are props. Once
  a prop is [REDACTED], it
  becomes a  seeker. The 
  props have 30 seconds to 
  hide before the seekers 
  are released. The seekers 
  have 3 minutes to find the 
  props before the props 
  win.`;
    text(rulesText, -3, 45)

  }
}