var xMenu=200;

var yb1=170;

var yb2=235;

var yb3=300;

var larguraBtnMenu=200;

var alturaBtnMenu=50

var xt=300;

var yt1=205;

var yt2=270;

var yt3=335;

var larguraVoltar = 80;

var alturaVoltar = 30;

var xBtnVoltar = 20; 

var yBtnVoltar = 20; 

var larguraBordaMenu=5;

var tela = 0;

let imgMenu;

var corBtnMenu = 'rgb(50,50,120)';

var cor2Menu= 'rgb(255)';

​

function preload() {

  imgMenu=loadImage('Background-4.png');

}

function estaSobreBtn(yBtnMenu){

  return  mouseX > xMenu && mouseX < xMenu + larguraBtnMenu && mouseY > yBtnMenu && mouseY < yBtnMenu + alturaBtnMenu;

}

​

​

function estaSobreBtnVoltar(){

​

  return  mouseX > xBtnVoltar && mouseX < xBtnVoltar + larguraVoltar && mouseY > yBtnVoltar && mouseY < yBtnVoltar + alturaVoltar;

}

​

​

function desenhaBtnVoltar(){ 

  if ( estaSobreBtnVoltar() ){

    fill(255);

  } else {

    fill(100);

  }

  rect(xBtnVoltar,yBtnVoltar,larguraVoltar,alturaVoltar, 8);

  noStroke(); 

  textSize(20)

  fill(0);

  text("Voltar",xBtnVoltar+40,yBtnVoltar+22);

}

function setup() {

  createCanvas(600, 400);

  image(imgMenu,0,0,600,400);

}

//function voltar() {

  //image(imgMenu,0,0,600,400);

  //tela=0;

//}

function draw() {

if(tela==0){ 

  image(imgMenu,0,0,600,400);

  stroke(5);

  strokeWeight(10);

  textAlign(CENTER);

  textSize(50);

  fill(150);

  textFont('Impact');

  text("Coletor Espacial",300,100);

​

  fill(corBtnMenu);

  strokeWeight(1);

  if ( estaSobreBtn(yb1) ){

      strokeWeight(larguraBordaMenu);

      }

  rect(xMenu,yb1,200,50,20);

  fill(255);

  textFont('Roboto');

  textSize(30);

  text("Jogar",xt,yt1);

  fill(corBtnMenu);

  strokeWeight(1);

  if ( estaSobreBtn(yb2) ){

      strokeWeight(larguraBordaMenu);

      }

  rect(xMenu,yb2,larguraBtnMenu,alturaBtnMenu,20);

  fill(255);

  text("Créditos",xt,yt2);

  fill(corBtnMenu);

   strokeWeight(1);

  if (estaSobreBtn(yb3)){ 

      strokeWeight(larguraBordaMenu);

      }

  rect(xMenu,yb3,larguraBtnMenu,alturaBtnMenu,20);

  fill(255);

  text("Instruções",xt,yt3);

 }

  if(tela == 1){

    image(imgMenu,0,0,600,400);

    textSize(30);

    fill(255); 

    noStroke(); 

    text("Jogo", 100, 100);

    desenhaBtnVoltar();

​

  }

​

  if (tela == 2){

    image(imgMenu,0,0,600,400);

    textSize(30);

    fill(255);

    strokeWeight(5);

    textFont('Impact');

    text("Programador", 300, 400-i);

    text("Professor Orientador", 300, 500-i);

    textFont('Roboto');

    text("Murilo Barros", 300, 450-i);

    text("Orivaldo Santana", 300, 550-i);

    i=i+0.7;

    desenhaBtnVoltar();

  }

  if(i>550){

    i=0;

  }

  if (tela == 3){

    image(imgMenu,0,0,600,400);

    textSize(30);

    strokeWeight(5);

    fill(255);

    text("Instruções:", 100, 100);

    textSize(20);

    text("Movimente o mouse para mover a nave", 300,150)

    text("Desvie dos obstáculos e colete o lixo espacial", 300, 200);

    text("Lixo espacial: resultados corretos das operações matemáticas", 300, 250);

    text("Obstáculos: resultados errados", 300, 300);

    desenhaBtnVoltar();

  }

  //if(tela==1 || tela==2 || tela==3){

  //button = createButton('Voltar');

  //fill(255);

  //button.position(10, 10);

  //button.mousePressed(voltar);

 // }

}

​

function mouseClicked() {

  if (estaSobreBtn(yb1)){

    tela = 1; 

  }

  if (estaSobreBtn(yb2)){

    tela = 2; 

  }

  if (estaSobreBtn(yb3)){

    tela = 3; 

  }

  if ( tela == 1 || tela == 2 || tela == 3){

    if ( estaSobreBtnVoltar() ){

      tela = 0; 

    }}

}

​