var largura = 200;

var altura = 50;

var xMenu = 50;

var yMenu1 = 85;

var yMenu2 = 145;

​

function setup() {

  createCanvas(300, 300);

}

​

function draw() {

  textStyle(NORMAL);

  // Tela de Menu 

  if (tela == 1) {

    background(20);

    // Menu com duas Opções 

    // Iniciar o Jogo 

    textAlign(CENTER);

    textSize(26);

    if ( mouseX > xMenu && mouseX < xMenu + largura && mouseY > yMenu1 && mouseY < yMenu1 + altura ) {

      stroke(200);

      fill(20);

      rect(xMenu, yMenu1, largura, altura, 15);

      if (mouseIsPressed) { 

        tela = 2;  

      }

    }

    fill(240);

    noStroke();

    text("Iniciar", 150, 120);

​

    // Informações do Jogo

    if ( mouseX > xMenu && mouseX < xMenu + largura && mouseY > yMenu2 && mouseY < yMenu2 + altura ) {

      stroke(200);

      fill(20);

      rect(xMenu, yMenu2, largura, altura, 15);

      if (mouseIsPressed) { 

        tela = 3;  

      }

    }

    fill(240);

    noStroke();

    text("Informações", 150, 180);

​

  } 

  // Jogo em ação 

  else if (tela == 2) {

    background(220);

    stroke(20);

    ellipse(50, 200, 30, 30);

    line(0, 215, 300, 215);

​

​

  }

  // Informações sobre o jogo

  else if (tela == 3) {

    background(10);

    fill(240);

    textSize(14);

    noStroke();

    textAlign(LEFT);

    text("Um exemplo de texto ... Este jogo trata da habilidade: (EM13MAT305) Resolver e elaborar problemas com funções logarítmicas nos quais é necessário compreender e interpretar a variação das grandezas envolvidas, em contextos como os de abalos sísmicos, pH, radioatividade, Matemática Financeira, entre outros", 20, 20, 260, 260);

​

​

  }

}