var xTextoMenu = 200; 

var yMenu1 = 50;

var yMenuTexto1 = yMenu1 + 50; 

var yMenu2 = 150; 

var yMenu3 = 250

var yMenuTexto2 = yMenu2 + 50

var largMenu = 200; 

var alturaMenu = 70; 

var cantoMenu = 20;

​

var tela = 1; 

​

function setup() {

  createCanvas(400, 400);

}

​

function botaoMenu(texto,x,y, escolhaTela){

   if (mouseX > x && mouseX < x+largMenu && mouseY > y && mouseY < y+alturaMenu  ) {

      fill(200,200,140);

      if (mouseIsPressed) { 

        tela = escolhaTela; 

      }

    }

    else {

      fill(255);

    }

    rect(x, y, largMenu, alturaMenu, cantoMenu);

    fill(10); 

    text(texto,xTextoMenu,y+50);

}

​

function draw() {

  if (tela == 1 ) { 

    background(220);

    textAlign(CENTER);

    textSize(40); 

    botaoMenu("Iniciar", xMenu,yMenu1,2);     

    botaoMenu("Manual", xMenu,yMenu2,3);

    botaoMenu("Creditos",xMenu,yMenu3,4);     

  }

  // Jogo em ação 

  if (tela == 2){

    background(0); 

    fill(255); 

    text("Jogo em ação...", 200,200); 

  }

  // Manual

  if (tela == 3){

    background(0); 

    fill(255); 

    text("Manual...", 200,200); 

    if (keyCode == ENTER && keyIsPressed === true) { 

        tela = 1; 

    }

  }

  if (tela == 4){

    background(255); 

  }

}