let red = '#a6192e';

let purp = '#231123';

let songStart;

​

function setup() {

  createCanvas(1300, 740);

  screen = 0;

  letra = new Letra();

  lyrics = new Lyrics();

}

​

function draw() {

  if(screen == 0){ // i got this logic from looking at stacey's candy shop code!

    splash();  

  } else if(screen == 1){

    letra.swap(); 

    letra.render();

  } else if(screen == 2){

    lyrics.swap(); 

    lyrics.render();

  }

}

​

​

function mouseClicked() {

  if(screen==0 && (dist(mouseX, mouseY, 552, 555) < 80)){

    song.play();

    songStart = millis();

    screen=1

   } else if (screen==0 && (dist(mouseX, mouseY, 795, 555) < 80)){

    song.play();

    songStart = millis();

    screen=2

  }

}

​

function splash() {

  background(purp);

  image(splashtext, 50, 10, 1200, 720);

  if (screen==0 && dist(mouseX, mouseY, 552, 555) < 80){

    // cursor(HAND);

    image(splashbotao, 50, 10, 1200, 720);

  } else if (screen==0 && dist(mouseX, mouseY, 795, 555) < 80){

    // cursor(HAND);

    image(splashbutton, 50, 10, 1200, 720);

  } else if (screen==1 || screen==2) {

    // if 

  } else {

    cursor(ARROW);

  }

}