p5.js Web Editor | Projeto lop copy 2

xxxxxxxxxx
var xA; 
var yA; 
var alturaA;  
var larguraA;
var suavizaA; 
 
var xB; 
var yB; 
var alturaB;  
var larguraB;
var suavizaB; 
​
var xC; 
var yC; 
var alturaC;  
var larguraC;
var suavizaC;
​
var xVolta; 
var yVolta; 
var alturaVolta;  
var larguraVolta;
var suavizaVolta; 
​
var imagem1;
​
var tela;
​
var pergunta;
​
var flag;
​
var vetorPerguntas = []; 
​
function setup() {
  createCanvas(600, 400); 
  
  vetorPerguntas[3] = "3. "; 
  vetorPerguntas[4] = "4. Que elemento da tabela periódica tem como símbolo químico ''Hg?''";
  
  xA=220 
  yA=175 
  alturaA=45
  larguraA=160 
  suavizaA=10 
  
  xB=230 
  yB=230
  alturaB=40
  larguraB=135
  suavizaB=10
  
  xC=230 
  yC=280
  alturaC=40
  larguraC=135
  suavizaC=10 
  
  xVolta=515
  yVolta=340
  alturaVolta=40
  larguraVolta=130
  suavizaVolta=5 
  
  imagem1 = loadImage('fundo1.jpg')
  fonte = loadFont('BlackHans.ttf')
​
  tela = 1
  
  pergunta = 4
  
  flag = 0
}
​
function draw(){
  
if( tela == 0){
    background(imagem1);
  
  textSize(68)
  textFont(fonte)
  fill('#7FFFD4')
  text("Mestre Quiz", 300, 110)
  fill(255)
​
    textSize(25) 
​
    if(mouseY>yA && mouseY<yA+alturaA && mouseX>xA && mouseX<xA+larguraA){ 
      fill('#5F9EA0')
    }
    
    rect(xA,yA,larguraA,alturaA,suavizaA) 
    fill(0)
    textAlign(CENTER)
    textFont('AddCityBoy')
    text("Começar", xA+75, yA+30) 
    fill(255)
​
    textSize(20)
​
    if(mouseY>yB && mouseY<yB+alturaB && mouseX>xB && mouseX<xB+larguraB){
      fill('#5F9EA0')
    }
    rect(xB,yB,larguraB,alturaB,suavizaB) 
    fill(0)
    text("Instruções",xA+75,yB+27) 
    fill(255)
​
    if(mouseY>yC && mouseY<yC+alturaC && mouseX>xC && mouseX<xC+larguraC){
      fill('#5F9EA0')
    }
    rect(xC,yC,larguraC,alturaC,suavizaC) 
    fill(0)
    text("Créditos",xA+75, yC+27) 
    fill(255) 
  }
if( tela == 1){ 
  if(pergunta == 1){
    background(imagem1)
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("1.Quanto tempo leva para a luz do sol", 300, 70) 
    text("chegar à superficie da terra?",300,100)
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){ 
        flag = 1
      }
    }
    if(flag == 1){
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag == 2){
      fill('#00FF00')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
    if(flag == 3){
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) 32 minutos",130,175)
    text("b) 8 minutos",130,225)
    text("c) 45 minutos",130,275) 
    text("d) 17 minutos",130,325)
​
    textSize(20)
    
    if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
    
    fill(255)
    rect(10,350,80,alturaVolta,suavizaVolta) 
    fill(0)
    text("Menu", 45,375)  
    }
  if(pergunta == 2){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("2. Qual foi a primeira capital do Brasil?", 300, 70) 
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#00FF00')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) Rio de Janeiro ",150,175)
    text("b) Brasília ",120,225)
    text("c) Pernambuco ",140,275) 
    text("d) Salvador ",124,325)
  
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){
    fill(255)
    rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
    fill(0)
    text("próxima", xVolta+45,315)
  }
  }
  if(pergunta == 3){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("3. Que país foi o campeão da copa", 300, 70) 
    text("do mundo FIFA de 2002?", 300, 100)
​
   fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#00FF00')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
    
    textSize(20)
​
    fill(0)
    text("a) Brasil ",110,175)
    text("b) Argentina ",128,225)
    text("c) França ",115,275) 
    text("d) Itália ",107,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 4){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text(vetorPerguntas[pergunta], 50, 50, 500) 
​
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed && flag === 0){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed && flag === 0){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed && flag === 0){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#00FF00')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed && flag === 0 ){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
    
    textSize(20)
​
    fill(0)
    text("a) hássio ",130,175)
    text("b) ",130,225)
    text("c) Mercúrio",130,275) 
    text("d) ",130,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 5){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("5. pergunta numero cinco", 300, 70) 
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#00FF00')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) ",130,175)
    text("b) ",130,225)
    text("c) ",130,275) 
    text("d) ",130,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 6){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("6. pergunta numero seis", 300, 70) 
​
    fill(255)
    
   if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#00FF00')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) ",130,175)
    text("b) ",130,225)
    text("c) ",130,275) 
    text("d) ",130,325)
  
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
   
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 7){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("7. pergunta numero sete", 300, 70) 
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#00FF00')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) ",130,175)
    text("b) ",130,225)
    text("c) ",130,275) 
    text("d) ",130,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
 if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 8){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("8. pergunta numero oito", 300, 70) 
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#00FF00')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) ",130,175)
    text("b) ",130,225)
    text("c) ",130,275) 
    text("d) ",130,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 9){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("9. pergunta numero nove", 300, 70) 
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#00FF00')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#FF0000')
    }
    rect(60,300,300,40,10)
    fill(255)
    
    textSize(20)
​
    fill(0)
    text("a) ",130,175)
    text("b) ",130,225)
    text("c) ",130,275) 
    text("d) ",130,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("próxima", xVolta+45,315)
    }
  }
  if(pergunta == 10){
    background(imagem1);
    
    textSize(20);
    textAlign(CENTER);
    
    fill(255,255,255,200)
    rect(35,20,530,350,10)
    textAlign(CENTER)
    textSize(30)
    fill('#0000CD')
    text("10. pergunta numero dez", 300, 70) 
​
    fill(255)
    
    if(mouseY>=150 && mouseY<=190 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 1
      }
    }
    if(flag ==1){ 
      fill('#FF0000')
    }
    rect(60,150,300,40,10)
    
    fill(255)
    
    if(mouseY>=200 && mouseY<=240 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 2
      }
    }
    if(flag ==2){ 
      fill('#FF0000')
    }
    rect(60,200,300,40,10)
    fill(255)
    
    if(mouseY>=250 && mouseY<=290 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
      if(mouseIsPressed){
        flag = 3
      }
    }
     if(flag == 3){ 
      fill('#FF0000')
    }
    rect(60,250,300,40,10)
    fill(255)    
    
    if(mouseY>=300 && mouseY<=340 && mouseX>=60 && mouseX<=360){
      fill('#B0C4DE')
       if(mouseIsPressed){
        flag = 4
      }
    }
    if(flag == 4){ 
      fill('#00FF00')
    }
    rect(60,300,300,40,10)
    fill(255)
​
    textSize(20)
​
    fill(0)
    text("a) ",130,175)
    text("b) ",130,225)
    text("c) ",130,275) 
    text("d) ",130,325)
  
​
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
    
  if(flag !==0){ 
      fill(255)
      rect(xVolta,290,larguraVolta,alturaVolta,suavizaVolta) 
      fill(0)
      text("Resultado", xVolta+45,315)
    }
  }
  
  if(pergunta>10){ 
  pergunta = 10
  }
  if(pergunta<1){ 
  pergunta = 1
  }
  
}
if(tela == 2){ 
background(imagem1)
fill(255,255,255,200)
rect(35,20,530,350,10)
  
  fill(0)
textAlign(CENTER)
textSize(40)
  text("Instruções", 300, 80) 
  textSize(20)
  text("Este é um jogo de perguntas, no qual você responderá", 300, 140 ) 
  text("10 perguntas objetivas de temas variados, marcando a ", 300,160)
  text("alternativa que achar correta em cada uma. Ao chegar",300,180)
  text("ao fim, verá o numero de acertos que você conseguiu,",300,200)
  text("assim como o seu apelido de nerd de acordo com a sua",300,220)
  text("pontuação. Teste o seu conhecimento!",300,240)
  
textSize(20)
  
  if(mouseY>yVolta && mouseY<yVolta+alturaVolta && mouseX>xVolta && mouseX<xVolta+larguraVolta){ 
      if(mouseIsPressed){
        tela = 0
      }
  }
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
  
}
if(tela == 3){ 
background(imagem1)
fill(255,255,255,200)
rect(90,80,430,240,10)
  
fill(0)
textAlign(CENTER)
textSize(45)
fill(255)
text("Créditos", 300, 70)
  
textSize(20)
  
  fill(0)
  text("Kaio Eduardo Costa de Souza e Silva,", 300, 160)
  text("graduando do curso bacharel em ciência e", 300, 180)
  text("tecnologia, na Universidade Federal do Rio",300,200)
  text("Grande do Norte (UFRN).",300, 220)
textSize(20)
  
  
  if(mouseY>yVolta && mouseY<yVolta+alturaVolta && mouseX>xVolta && mouseX<xVolta+larguraVolta){ 
      if(mouseIsPressed){
        tela = 0
      }
  }
  fill(255)
  rect(xVolta,yVolta,larguraVolta,alturaVolta,suavizaVolta) 
  fill(0)
  text("voltar", xVolta+35, yVolta+25) 
}
}  
​
function mouseClicked(){
  if(tela == 0){
    if(mouseY>yA && mouseY<yA+alturaA && mouseX>xA && mouseX<xA+larguraA){ 
        tela = 1
    }
    if(mouseY>yB && mouseY<yB+alturaB && mouseX>xB && mouseX<xB+larguraB){
        tela = 2
    }
    if(mouseY>yC && mouseY<yC+alturaC && mouseX>xC && mouseX<xC+larguraC){
        tela = 3
    }
  }
  if(tela == 1){
      if(mouseY>yVolta && mouseY<yVolta+alturaVolta && mouseX>xVolta && mouseX<xVolta+larguraVolta){ 
        pergunta--;
        flag = 0
      }
      if(mouseY>290 && mouseY<290+alturaVolta && mouseX>xVolta && mouseX<xVolta+larguraVolta && flag!==0){ 
        pergunta++;
        flag = 0
      }
      if(mouseY>350 && mouseY<350+alturaVolta && mouseX>10 && mouseX<90){ 
        tela = 0;
        flag = 0;
      }
  }
}
Cookies

Sketch Files

Console

Preview
