var cartasComparacao = ['5','2','5','4','3','4','3','2'];

var cartasX = []; 

var cartasY = []; 

var quantidadeCartas = 8; 

var cartaAltura = 70; 

var cartaLargura = 40; 

var viradas = [];  

​

var contagemTempo = false; 

var contTempo = 0; 

​

function setup() {

  createCanvas(400, 400);

  frameRate(30); 

  //incremento = (350 - 50 ) / quantidadeCartas; 

  incY = 120; 

  incX = 80; 

  xi = 50; 

  yi = 100; 

  for ( i = 0; i < quantidadeCartas; i++ ){

    cartasX[i] = xi;   

    cartasY[i] = yi;

    xi = xi + incX;

    if ( xi > 300){

      yi = yi + incY; 

      xi = 50; 

    }

    viradas[i] = false; 

  }

  console.log(viradas); 

}

​

function desviraCartas(){

  for ( i = 0; i < quantidadeCartas; i++ ){

    viradas[i] = false; 

  }

}

​

function draw() {

  background(220);

  textSize(32)

  for (i=0; i < quantidadeCartas; i++ ){ 

    rect(cartasX[i], cartasY[i], cartaLargura, cartaAltura )

    if ( viradas[i] ) { 

      text(cartasValor[i], cartasX[i] + 10, cartasY[i] + 40  )

    }

  }

  if ( contagemTempo ) {

    contTempo++; 

    // conta dois segundos 

    if ( contTempo > 90 ){

        contagemTempo = false; 

        desviraCartas();

        contTempo = 0; 

    }

  }

}

​

function mouseReleased() {

  for (i=0; i < quantidadeCartas; i++ ){

    if ( mouseX > cartasX[i] && mouseX < cartasX[i] + cartaLargura && mouseY > cartasY[i] && mouseY < cartasY[i] + cartaAltura ) {

        viradas[i] = ! viradas[i] ; 

        contagemTempo = true; 

​

      /*

        if ( cont == 1 ){ 

          pri = cartasComparacao[i] 

        }

        if ( cont == 2) {

          seg = cartasComparacao[i] 

          if ( pri == seg) {

          }

        }

      */ 

    }

  }

}