StartScreen.js

function StartScreen() {

  this.setup = function () {
    new Canvas();
  
    let gold = color(242, 185, 11);
    let darkblue = color(31, 75, 126);
  
    let button = createButton("Press to Begin");
    button.position((width/2)-187,(height/2)-25);
    button.size(375,75);
    button.style('font-size', '50px');
    button.style('background-color', gold);
    button.style('color', darkblue);
    button.style('font-family', "Pixelify Sans");
    button.style('border-color', darkblue);
  
    button.mousePressed(() => {
      button.hide();
      this.sceneManager.showScene( Lobby );
    });
  
  }

  this.draw = function () {

    image(campus_bg, 0,0, width, height);
    fill(255,255,255,191);
    rect((width/2)-210,(height/2)-75,420,175)
  
    fill(31, 75, 126);
    text("Emmanuel College", width/2, height/2-50);
    text("Prop Hunt", width/2, height/2+75);
    textSize(50);
    textFont("Pixelify Sans");
    textAlign(CENTER, CENTER);
    
  }

}