​

var tela = 1;

​

/////variaveis do menu/////

​

var largura1 = 75;

var largura2 = 135;

var largura3 = 95;

var largura4 = 120;

var altura1 = 35;

var altura2 = 35;

var altura3 = 35;

var altura4 = 95;

var xMenu1 = 10;

var xMenu2 = 230;

var xMenu3 = 495;

var xMenu4 = 250;

var yMenu1 = 7;

var yMenu2 = 7;

var yMenu3 = 7;

var yMenu4 = 65;

var k = 0;

var i1 = 0;

var i2 = 2;

var i3 = 3;

var i4 = 4;

​

/////////variaveis gerais///////

​

var pontos = 0;

var nivel = 0;

var xcar = 130;

var ycar = 550;

var carmusic;

var car;

var nivel = 0;

var ponto = 0;

var xo1, xo2, yo1, yo2;

var xR, yR; //////coordenadas da resposta//////

var numeroR; /////numero da resposta/////

var vO;

​

//////variaveis do buraco///////

​

var tam = 0;

var tam1 = 0;

var tam2 = 0;

var tam3 = 0;

var xrel1 = 0;

var xrel2 = 0;

var xrel3 = 0;

var xrel4 = 0;

var xo1 = 0.3;

var xo2 = -0.3;

var xo3 = 0.3;

var xo4 = -0.3;

var yo1 = 170;

var yo2 = 190;

var yo3 = 600;

var yo4 = 900;

​

//////vetor/////

​

var vxo = [] 

var posburacoX=[];

var posburacoY=[150,160,180,200];

var tam=[];

var velocidade=[];

var qtdEsq=4;

var qtdDir=4;

var h=0;

​

/////variaveis imagens///////

​

var dissilaba = [];

var monossilaba = [];

var trissilaba = [];

var polissilaba = [];

var silabas = [];

var silabasvi=[]

​

var buraco;

​

//CARREGAMENTO DAS IMAGENS DE FUNDO//

​

function tamanho(h) {

  return (15 / 35) * h + 10;

}

function velocidadey(h) {

  return (10 / 350) * h + 0.1;

}

function largura(h) {

  return (29 / 35) * h + 0.1;

}

/*

function letra(h){

  p=randon(0,56)

 return h=silabas[p]

}

*/

function preload() {

  img = loadImage("tela1.png");

  img1 = loadImage("tela2.jpg");

  img2 = loadImage("tela3.jpg");

  img3 = loadImage("tela4.png");

  car = loadImage("carro.png");

  letra = [loadImage("imagens/silabas/ba.png")];

  letra1 = [loadImage("imagens/silabas/ber.png")];

  letra2 = [loadImage("imagens/silabas/boi.png")];

  letra3 = [loadImage("imagens/silabas/bur.png")];

  monossilaba[0] = loadImage("buracos/monossilabas/CEU.png");

  monossilaba[1] = loadImage("buracos/monossilabas/COR.png");

  monossilaba[2] = loadImage("buracos/monossilabas/CRUZ.png");

  monossilaba[3] = loadImage("buracos/monossilabas/FLOR.png");

  monossilaba[4] = loadImage("buracos/monossilabas/PAI.png");

  monossilaba[5] = loadImage("buracos/monossilabas/PÃO.png");

  monossilaba[6] = loadImage("buracos/monossilabas/SAL.png");

  monossilaba[7] = loadImage("buracos/monossilabas/SOL.png");

  monossilaba[8] = loadImage("buracos/monossilabas/TREM.png");

  dissilaba[0] = loadImage("/buracos/dissilabas/AMOR.png");

  dissilaba[1] = loadImage("/buracos/dissilabas/BIBLIA.png");

  dissilaba[2] = loadImage("/buracos/dissilabas/CASAL.png");

  dissilaba[3] = loadImage("/buracos/dissilabas/DOCE.png");

  dissilaba[4] = loadImage("/buracos/dissilabas/GRANDE.png");

  dissilaba[5] = loadImage("/buracos/dissilabas/MULHER.png");

  dissilaba[6] = loadImage("/buracos/dissilabas/MUNDO.png");

  dissilaba[7] = loadImage("/buracos/dissilabas/OLHAR.png");

  dissilaba[8] = loadImage("/buracos/dissilabas/PUXAR.png");

  dissilaba[9] = loadImage("/buracos/dissilabas/VIDA.png");

  trissilaba[0] = loadImage("/buracos/trissilabas/IDEIA.png");

  trissilaba[1] = loadImage("/buracos/trissilabas/PROBLEMA.png");

  trissilaba[2] = loadImage("/buracos/trissilabas/SUCESSO.png");

  trissilaba[3] = loadImage("/buracos/trissilabas/amanhã.png");

  trissilaba[4] = loadImage("/buracos/trissilabas/amigo.png");

  trissilaba[5] = loadImage("/buracos/trissilabas/arvore.png");

  trissilaba[6] = loadImage("/buracos/trissilabas/açucar.png");

  trissilaba[7] = loadImage("/buracos/trissilabas/carinho.png");

  trissilaba[8] = loadImage("/buracos/trissilabas/comida.png");

  trissilaba[9] = loadImage("/buracos/trissilabas/escola.png");

​

  polissilaba[0] = loadImage("/buracos/polissilabas/borboleta.png");

  polissilaba[1] = loadImage("/buracos/polissilabas/esperança.png");

  polissilaba[2] = loadImage("/buracos/polissilabas/matematica.png");

  polissilaba[3] = loadImage("/buracos/polissilabas/politica.png");

  polissilaba[4] = loadImage("/buracos/polissilabas/telefone.png");

  polissilaba[5] = loadImage("/buracos/polissilabas/televisão.png");

​

  silabas[0] = loadImage("/imagens/silabas/a.png");

  silabas[1] = loadImage("/imagens/silabas/al.png");

  silabas[2] = loadImage("/imagens/silabas/ba.png");

  silabas[3] = loadImage("/imagens/silabas/bal.png");

  silabas[4] = loadImage("/imagens/silabas/be.png");

  silabas[5] = loadImage("/imagens/silabas/ber.png");

  silabas[6] = loadImage("/imagens/silabas/bi.png");

  silabas[7] = loadImage("/imagens/silabas/blia.png");

  silabas[8] = loadImage("/imagens/silabas/bo.png");

  silabas[9] = loadImage("/imagens/silabas/boi.png");

  silabas[10] = loadImage("/imagens/silabas/bur.png");

  silabas[11] = loadImage("/imagens/silabas/bê.png");

  silabas[12] = loadImage("/imagens/silabas/ca.png");

  silabas[13] = loadImage("/imagens/silabas/car.png");

  silabas[14] = loadImage("/imagens/silabas/ces.png");

  silabas[15] = loadImage("/imagens/silabas/cha.png");

  silabas[16] = loadImage("/imagens/silabas/co.png");

  silabas[17] = loadImage("/imagens/silabas/de.png");

  silabas[18] = loadImage("/imagens/silabas/do.png");

  silabas[19] = loadImage("/imagens/silabas/es.png");

  silabas[20] = loadImage("/imagens/silabas/fi.png");

  silabas[21] = loadImage("/imagens/silabas/for.png");

  silabas[22] = loadImage("/imagens/silabas/ga.png");

  silabas[23] = loadImage("/imagens/silabas/gua.png");

  silabas[24] = loadImage("/imagens/silabas/he.png");

  silabas[25] = loadImage("/imagens/silabas/la.png");

  silabas[26] = loadImage("/imagens/silabas/le.png");

  silabas[27] = loadImage("/imagens/silabas/lei.png");

  silabas[28] = loadImage("/imagens/silabas/lha.png");

  silabas[29] = loadImage("/imagens/silabas/lher.png");

  silabas[30] = loadImage("/imagens/silabas/lho.png");

  silabas[31] = loadImage("/imagens/silabas/lin.png");

  silabas[32] = loadImage("/imagens/silabas/lo.png");

  silabas[33] = loadImage("/imagens/silabas/ma.png");

  silabas[34] = loadImage("/imagens/silabas/me.png");

  silabas[35] = loadImage("/imagens/silabas/mi.png");

  silabas[36] = loadImage("/imagens/silabas/mor.png");

  silabas[37] = loadImage("/imagens/silabas/mun.png");

  silabas[38] = loadImage("/imagens/silabas/na.png");

  silabas[39] = loadImage("/imagens/silabas/nhão.png");

  silabas[40] = loadImage("/imagens/silabas/o.png");

  silabas[41] = loadImage("/imagens/silabas/pi.png");

  silabas[42] = loadImage("/imagens/silabas/por.png");

  silabas[43] = loadImage("/imagens/silabas/péu.png");

  silabas[44] = loadImage("/imagens/silabas/ra.png");

  silabas[45] = loadImage("/imagens/silabas/ri.png");

  silabas[46] = loadImage("/imagens/silabas/ro.png");

  silabas[47] = loadImage("/imagens/silabas/rói.png");

  silabas[48] = loadImage("/imagens/silabas/sa.png");

  silabas[49] = loadImage("/imagens/silabas/se.png");

  silabas[50] = loadImage("/imagens/silabas/ta.png");

  silabas[51] = loadImage("/imagens/silabas/tei.png");

  silabas[52] = loadImage("/imagens/silabas/tu.png");

  silabas[53] = loadImage("/imagens/silabas/vó.png");

  silabas[54] = loadImage("/imagens/silabas/ão.png");

  silabas[55] = loadImage("/imagens/silabas/ço.png");

  silabas[56] = loadImage("/imagens/silabas/ção.png");

​

  carmusic = createAudio("motor2/.mp3");

}

​

/////////função dos botoes do menu////////////

​

function mouseClicked() {

  //////menu tela 1////////////

​

  if (

    tela == 1 &&

    mouseX > xMenu1 &&

    mouseX < xMenu1 + largura1 &&

    mouseY > yMenu1 &&

    mouseY < yMenu1 + altura1

  ) {

    tela = 2;

    carmusic.loop(); ///mantem o audio tocando/////

  } else if (

    tela == 1 &&

    mouseX > xMenu2 &&

    mouseX < xMenu2 + largura2 &&

    mouseY > yMenu2 &&

    mouseY < yMenu2 + altura2

  ) {

    tela = 3;

  } else if (

    tela == 1 &&

    mouseX > xMenu3 &&

    mouseX < xMenu3 + largura3 &&

    mouseY > yMenu3 &&

    mouseY < yMenu3 + altura3

  ) {

    tela = 4;

  }

​

  //////menu tela 2////////////

​

  if (

    tela == 2 &&

    mouseX > xMenu2 &&

    mouseX < xMenu2 + largura2 &&

    mouseY > yMenu2 &&

    mouseY < yMenu2 + altura2

  ) {

    tela = 1;

    carmusic.pause();

  }

​

  //////menu tela 3////////////

​

  if (

    tela == 3 &&

    mouseX > xMenu1 &&

    mouseX < xMenu1 + largura1 &&

    mouseY > yMenu1 &&

    mouseY < yMenu1 + altura1

  ) {

    tela = 1;

  }

​

  //////menu tela 4////////////

​

  if (

    tela == 4 &&

    mouseX > xMenu1 &&

    mouseX < xMenu1 + largura1 &&

    mouseY > yMenu1 &&

    mouseY < yMenu1 + altura1

  ) {

    tela = 1;

  }

}

​

//INICIO DO JOGO

​

function setup() {

  createCanvas(600, 600);

  frameRate(30);

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

    h=parseInt(random(0,56))

    silabasvi[i]=silabas[h]

  }

  vxo[0] = -0.3

  vxo[1] = 0.3

  vxo[2] = -0.3

  vxo[3] = 0.3

}

​

function draw() {

  textStyle(BOLD);

​

  ///////////////TELA 1 MENU PRINCIPAL///////////////////

​

  if (tela == 1) {

    background(img);

​

    //MENU PRINCIPAL COM DUAS OPÇÕES///

​

    textAlign(LEFT);

​

    //MENU JOGAR//

​

    if (

      mouseX > xMenu1 &&

      mouseX < xMenu1 + largura1 &&

      mouseY > yMenu1 &&

      mouseY < yMenu1 + altura1

    ) {

      stroke(200);

      fill("#F5F5F5");

      rect(xMenu1, yMenu1, largura1, altura1, 15);

    }

    fill(20);

    noStroke();

    textSize(20);

    text("Jogar", 20, 30);

​

    //MENU INFORMAÇÕES DO JOGO///

​

    if (

      mouseX > xMenu2 &&

      mouseX < xMenu2 + largura2 &&

      mouseY > yMenu2 &&

      mouseY < yMenu2 + altura2

    ) {

      stroke(200);

      fill("#F5F5F5");

      rect(xMenu2, yMenu2, largura2, altura2, 15);

    }

    fill(20);

    noStroke();

    text("Informações", 240, 30);

​

    //MENU CRÉDITOS DO JOGO///

​

    if (

      mouseX > xMenu3 &&

      mouseX < xMenu3 + largura3 &&

      mouseY > yMenu3 &&

      mouseY < yMenu3 + altura3

    ) {

      stroke(200);

      fill("#F5F5F5");

      rect(xMenu3, yMenu3, largura3, altura3, 15);

    }

    fill(20);

    noStroke();

    textSize(20);

    text("Créditos", 500, 30);

  }

​

  /////////////////TELA 2 JOGO /////////////////

  else if (tela == 2) {

    imageMode(CORNER);

    background(img1);

​

    /////INICIAR JOGO////////

​

    textAlign(LEFT);

​

    /////MENU DA TELA 2 INICIAR/////

​

    fill(120);

    noStroke();

    textSize(20);

    text("Nível: " + nivel, 15, 30);

    text("Pontos: " + ponto, 470, 30);

​

  ///////////MOVIMENTO DOS BURACOS///

for (i=0;i<qtdEsq;i++)

  {

  tam = tamanho(posburacoY[i] - 150);

  image(silabasvi[i],posburacoX[i],posburacoY[i],tam,tam)

  posburacoX[i]=parseInt(vxo[i] * largura(posburacoY[i] - 150) + 290);

  posburacoY[i]=posburacoY[i]+velocidadey(posburacoY[i] - 150);

  if (posburacoY[i] > 600) {

      posburacoY[i] = 150;

      //posburacoX[i]=0 

      vxo[i] = parseFloat( random(-50,50) / 100)

      tam = 0;

      console.log( vxo[i])

      silabasvi[i] = silabas[ parseInt( random(0,55) ) ]

    }

}

    /*

    tam = tamanho(yo1 - 150);

    xrel1 = parseInt(xo1 * largura(yo1 - 150) + 300);

    imageMode(CENTER);

    image(silabas[i1], xrel1, yo1, tam, tam);

    if (yo1 < 600) {

      yo1 = yo1 + velocidadey(yo1 - 150);

      if (dist(xcar, ycar, xrel1, yo1) < 8) {

        ponto = ponto + 10;

      }

    } else {

      yo1 = 170;

      xrel1 = 0;

      tam = 0;

      i1 = parseInt(random(56));

    }

    tam1 = tamanho(yo2 - 150);

    xrel2 = xo2 * largura(yo2 - 150) + 300;

    imageMode(CENTER);

    image(silabas[i2], xrel2, yo2, tam1, tam1);

    if (yo2 < 650) {

      yo2 = yo2 + velocidadey(yo2 - 150);

      if (dist(xcar, ycar, xrel2, yo2) < 8) {

        ponto = ponto + 10;

      }

    } else {

      yo2 = 170;

      xrel2 = 0;

      tam1 = 0;

      i2 = parseInt(random(56));

    }

    tam2 = tamanho(yo3 - 150);

    xrel3 = xo3 * largura(yo3 - 150) + 300;

    imageMode(CENTER);

    image(silabas[i3], xrel3, yo3, tam2, tam2);

    if (yo3 < 750) {

      yo3 = yo3 + velocidadey(yo3 - 150);

​

      if (dist(xcar, ycar, xrel3, yo3) < 8) {

        ponto = ponto + 10;

      }

    } else {

      yo3 = 170;

      xrel3 = 0;

      tam2 = 0;

      i3 = parseInt(random(56));

    }

​

    tam3 = tamanho(yo4 - 150);

    xrel4 = xo4 * largura(yo4 - 150) + 300;

    imageMode(CENTER);

    image(silabas[i4], xrel4, yo4, tam3, tam3);

    if (yo4 < 1050) {

      yo4 = yo4 + velocidadey(yo4 - 150);

      if (dist(xcar, ycar, xrel4, yo4) < 8) {

        ponto = ponto + 10;

      }

    } else {

      yo4 = 170;

      xrel4 = 0;

      tam3 = 0;

      i4 = parseInt(random(56));

    }

*/

    //MOVIMENTO DO CARRO///

    imageMode(CENTER);

    image(car, xcar, ycar);

​

    if (keyIsDown(LEFT_ARROW) && xcar > 80) {

      xcar -= 10;

    }

    if (keyIsDown(RIGHT_ARROW) && xcar < 500) {

      xcar += 10;

    }

    /*

    if (keyIsDown(UP_ARROW) && ycar > 500) {

      ycar -= 10;

    }

    if (keyIsDown(DOWN_ARROW) && ycar < 550) {

      ycar += 10;

    }

    */

    ////////comparar a posição do carro com o buraco////////////

​

    //////verificação do ponto certo///////

​

    ///////////RETORNAR TELA 1/////////

​

    if (

      mouseX > xMenu2 &&

      mouseX < xMenu2 + largura2 &&

      mouseY > yMenu2 &&

      mouseY < yMenu2 + altura2

    ) {

      stroke(200);

      fill("#F5F5F5");

      rect(xMenu2 + 20, yMenu2, largura2 - 65, altura2, 20);

    }

    fill(20);

    noStroke();

    text("Menu", 260, 30);

  }

​

  /////////////////tela 3 INFORMAÇÕES/////////////////

  else if (tela == 3) {

    background(img2);

​

    if (

      mouseX > xMenu1 &&

      mouseX < xMenu1 + largura1 &&

      mouseY > yMenu1 &&

      mouseY < yMenu1 + altura1

    ) {

      stroke(200);

      fill("#F5F5F5");

      rect(xMenu1, yMenu1, largura1, altura1, 15);

    }

    fill(20);

    noStroke();

    textSize(20);

    text("Menu", 20, 30);

​

    ///////TELA 4 CRÉDITOS////////////

  } else if (tela == 4) {

    background(img3);

​

    if (

      mouseX > xMenu1 &&

      mouseX < xMenu1 + largura1 &&

      mouseY > yMenu1 &&

      mouseY < yMenu1 + altura1

    ) {

      stroke(200);

      fill("#F5F5F5");

      rect(xMenu1, yMenu1, largura1, altura1, 15);

    }

    fill(20);

    noStroke();

    textSize(20);

    text("Menu", 20, 30);

  }

}

​