let imagen2

let cancionfinal = 0;

let angul = 0;

let angulo = 15;

let x = 0;

let mov = 3;

let bola1;

let i = 0;

let toques = 0;

let nivel = 0;

let X_=0;

​

let ancholadrillolargo = 136;

let altoladrillo = 40;

let ancholadrillopequeno = 60;

let ancholadrillomediano = 100;

let anchobloque = 166;

let altobloque2 = 80;

let anchosaco = 60;

let altosaco = 19;

​

let anchopala = 70;

let altopala = 20;

​

let ladrillos = [];

let index = 0;

let arranque = true;

let start = false;

let final = false;

let numbolas = 1;

let mostrarpalo2 = false;

let mostraralterpalo = false;

​

function preload() {

  fons = loadImage('fons1.png');

  cuqui = loadImage('cuqui.png');

  saco = loadImage('saco.png');

  bloque1 = loadImage('bloque1.png');

  bloque2 = loadImage('bloque2.png');

  bloque3 = loadImage('bloque3.png');

  bloque4 = loadImage('bloque4.png');

  bloque5 = loadImage('bloque5.png');

  bloque6 = loadImage('bloque6.png');

  ladrillo1 = loadImage('ladrillo1.png'); //largo

  ladrillo2 = loadImage('ladrillo2.png'); //mediano

  ladrillo3 = loadImage('ladrillo3.png'); //pequenp

  tocho1 = loadImage('tocho1.png');

  tocho2 = loadImage('tocho2.png');

  pala1 = loadImage('pala1.png');

  imatge = loadImage('marc.png');

  imatge2 = loadImage('cucs.png');

  junt = loadImage('junt.png');

  song = loadSound("14.wav");

  ale = loadSound("ale.mp3");

  song2 = loadSound("36.m4a");

  song3 = loadSound("43.ogg");

  guaita = loadSound("guaita.m4a");

  ikea = loadSound("ikea.m4a");

  playa = loadSound("playa.m4a");

  anys = loadSound("anys.m4a");

  maco = loadSound("maco.m4a");

  magicsound = loadSound("magic.mp3");

  aquesta2 = loadSound("aquesta2.mp3");

  fondo = loadImage('fondo.jpg');

  filafinal = loadImage('filafinal.png');

}

​

function setup() {

  createCanvas(777, 400);

  angleMode(RADIANS);

  let datos = [0, height - altoladrillo / 2, ancholadrillolargo, altoladrillo, ladrillo1, false, ancholadrillolargo / 2 + ancholadrillomediano / 2, height - altoladrillo / 2, ancholadrillomediano, altoladrillo, ladrillo3, false, ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno / 2, height - altoladrillo / 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, ancholadrillomediano / 2 + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno, height - altoladrillo / 2, ancholadrillomediano, altoladrillo, ladrillo3, false, anchobloque / 2 + ancholadrillomediano + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno, height - altoladrillo / 2, anchobloque, altoladrillo, bloque1, true, ancholadrillopequeno / 2 + anchobloque + ancholadrillomediano + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno, height - altoladrillo / 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, ancholadrillomediano / 2 + ancholadrillopequeno + anchobloque + ancholadrillomediano + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno, height - altoladrillo / 2, ancholadrillomediano, altoladrillo, ladrillo2, false, ancholadrillopequeno / 2 + ancholadrillomediano + ancholadrillopequeno + anchobloque + ancholadrillomediano + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno, height - altoladrillo / 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, ancholadrillopequeno / 2 + ancholadrillopequeno + ancholadrillomediano + ancholadrillopequeno + anchobloque + ancholadrillomediano + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillopequeno, height - altoladrillo / 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, -10 + ancholadrillomediano / 2, height - altoladrillo / 2 - altoladrillo, ancholadrillomediano, altoladrillo, ladrillo2, false, -10 + ancholadrillomediano / 2 + ancholadrillomediano, height - altoladrillo / 2 - altoladrillo, ancholadrillomediano, altoladrillo, ladrillo2, false, -10 + ancholadrillolargo / 2 + ancholadrillomediano + ancholadrillomediano, height - altoladrillo / 2 - altoladrillo, ancholadrillolargo, altoladrillo, ladrillo1, false, -10 + anchobloque / 2 + ancholadrillolargo + ancholadrillomediano + ancholadrillomediano, height - altoladrillo, anchobloque, altobloque2, bloque2, true, -10 + ancholadrillomediano / 2 + anchobloque + ancholadrillolargo + ancholadrillomediano + ancholadrillomediano, height - altoladrillo / 2 - altoladrillo, ancholadrillomediano, altoladrillo, ladrillo2, false, -10 + ancholadrillolargo / 2 + ancholadrillomediano + anchobloque + ancholadrillolargo + ancholadrillomediano + ancholadrillomediano, height - altoladrillo / 2 - altoladrillo, ancholadrillolargo, altoladrillo, ladrillo1, false, -10 + ancholadrillomediano / 2 + ancholadrillolargo + ancholadrillomediano + anchobloque + ancholadrillolargo + ancholadrillomediano + ancholadrillomediano, height - altoladrillo / 2 - altoladrillo, ancholadrillomediano, altoladrillo, ladrillo2, false, ancholadrillopequeno / 2, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, ancholadrillolargo / 2 + ancholadrillopequeno, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillolargo, altoladrillo, ladrillo1, false, ancholadrillomediano / 2 + ancholadrillolargo + ancholadrillopequeno, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillomediano, altoladrillo, ladrillo2, false, ancholadrillopequeno / 2 + ancholadrillomediano + ancholadrillolargo + ancholadrillopequeno, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, anchobloque / 2 + ancholadrillopequeno + ancholadrillomediano + ancholadrillolargo + ancholadrillopequeno / 2, height - altoladrillo * 3 / 2, anchobloque, altoladrillo * 3, bloque3, true, ancholadrillopequeno / 2 + anchobloque + ancholadrillopequeno + ancholadrillomediano + ancholadrillolargo + ancholadrillopequeno / 2, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillopequeno, altoladrillo, ladrillo3, false, ancholadrillolargo / 2 + ancholadrillopequeno + anchobloque + ancholadrillopequeno + ancholadrillomediano + ancholadrillolargo + ancholadrillopequeno / 2, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillolargo, altoladrillo, ladrillo1, false, ancholadrillomediano / 2 + ancholadrillolargo + ancholadrillopequeno + anchobloque + ancholadrillopequeno + ancholadrillomediano + ancholadrillolargo + ancholadrillopequeno / 2, height - altoladrillo / 2 - altoladrillo * 2, ancholadrillomediano, altoladrillo, ladrillo2, false, 0, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, true, anchosaco, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 2, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 3, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 4, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -3 + anchosaco * 5, height - altosaco / 2 - altoladrillo * 3, anchosaco - 6, altosaco, saco, false, -4 + anchobloque / 2 + anchosaco * 5 + anchosaco / 2, height - (altoladrillo * 3 + altosaco) / 2, anchobloque, altoladrillo * 3 + altosaco, bloque4, true, -4 + anchosaco / 2 + anchobloque + anchosaco * 5 + anchosaco / 2, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -4 + anchobloque + anchosaco * 7, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -4 + anchobloque + anchosaco * 8, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -4 + anchobloque + anchosaco * 9, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -4 + anchobloque + anchosaco * 10, height - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco / 2, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco / 2 + anchosaco, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco / 2 + anchosaco * 2, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco / 2 + anchosaco * 3, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco / 2 + anchosaco * 4, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -15 + anchosaco / 2 + anchosaco * 5, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco / 2, altosaco, saco, false, -4 + anchobloque / 2 + anchosaco / 2 + anchosaco * 5, height - (altoladrillo * 3 + altosaco * 2) / 2, anchobloque, altoladrillo * 3 + altosaco * 2, bloque5, true, -20 + anchosaco / 2 + anchobloque + anchosaco / 2 + anchosaco * 5, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco / 2, altosaco, saco, false, -5 + anchobloque + anchosaco / 2 + anchosaco * 6, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -5 + anchobloque + anchosaco / 2 + anchosaco * 7, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -5 + anchobloque + anchosaco / 2 + anchosaco * 8, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -5 + anchobloque + anchosaco / 2 + anchosaco * 9, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, -5 + anchobloque + anchosaco / 2 + anchosaco * 10, height - altosaco - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, true, 0, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, true, anchosaco, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 2, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 3, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 4, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchosaco * 5, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchobloque / 2 + anchosaco * 5 + anchosaco / 2, height - (altoladrillo * 3 + altosaco * 3) / 2, anchobloque, altoladrillo * 3 + altosaco * 3, bloque5, true, anchosaco + anchobloque + anchosaco * 5, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchobloque + anchosaco * 7, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchobloque + anchosaco * 8, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchobloque + anchosaco * 9, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, anchobloque + anchosaco * 10, height - altosaco * 2 - altosaco / 2 - altoladrillo * 3, anchosaco, altosaco, saco, false, width / 2, height - altosaco * 3 - altoladrillo * 3 - 119 / 2, width, 119, filafinal, true];

​

​

​

​

​

​

  bola = new Bolas(170, 150, imatge, 1 / 5); //toca el 2 en 67, y 166

 // pala = new Palas(207, height-40, anchopala, altopala, pala1);

   pala = new Palas(207, 20, anchopala, altopala, pala1);

  pala2 = new Palas(207, 20, anchopala + 40, altopala, pala1);

  alterpala = new Palas(160, 20, anchopala, altopala, pala1);

​

  bola2 = new Bolas(140, 150, cuqui, 1 / 5);

​

​

  for (index; index < 62; index++) {

    ladrillos[index] = new Ladrillos(datos[i++], datos[i++], datos[i++], datos[i++], datos[i++], datos[i++]);

  }

​

  aquesta2.loop();

 aquesta2.setVolume(0.2);

​

​

}

​

function draw() {

  imageMode(CENTER);

  background(255);

​

​

​

  if (arranque) {

    image(fons, width / 2, height / 2 - 30, 777, 600);

    textSize(40);

    text("L'aventura de construir un pis a ", 100, height / 2);

    fill(0, 102, 153);

​

    text("VILANOVA ", 300, height / 2 + 50);

    fill(200, 0, 0);

    textSize(80);

    text("PLAY IT!! ", 250, height / 2 + 160);

    fill(0);

  }

​

​

  if (toques == 8 && nivel == 0 && (bola.y < 70 || bola2.y < 70)) {

    nivel++

    guaita.play();

    //toques = 0;

  }

  if (toques == 14 && nivel == 1 && (bola.y < 70 || bola2.y < 70)) {

    nivel++

    ikea.play();

  }

  if (toques == 21 && nivel == 2 && (bola.y < 70 || bola2.y < 70)) {

    nivel++

    playa.play();

  }

  if (toques == 31 && nivel == 3 && (bola.y < 70 || bola2.y < 70)) {

    nivel++

    maco.play();

  }

  if (toques == 42 && nivel == 4 && (bola.y < 70 || bola2.y < 70)) {

    nivel++

    anys.play();

  }

  if (toques == 52 && nivel == 5 && (bola.y < 70 || bola2.y < 70)) {

    final = true;

  }

​

​

  //Si no existe bola ni bola2 hacer reset de bola

  if (bola.activa == false && bola2.activa == false) {

    bola.reset();

  }

​

​

  if (start) {

  // final = true;

    image(fondo, width / 2, height / 2 - 30, 777, 600);

    pala.mostrar(mouseX);

    if (mostraralterpalo) {

      alterpala.mostrar(mouseX - 250);

    }

    if (mostrarpalo2) {

      pala2.mostrar(mouseX);

      bola.chocarpala(pala2);

      bola2.chocarpala(pala2);

    }

    if (mostraralterpalo) {

      bola.chocarpala(alterpala);

      bola2.chocarpala(alterpala);

    }

​

​

​

​

    if (bola.activa) {

      bola.mover();

      bola.mostrar();

      bola.chocarpared();

      bola.chocarpala(pala);

    }

​

    if (bola2.activa) {

​

      bola2.mover();

      bola2.mostrar();

      bola2.chocarpared();

      bola2.chocarpala(pala);

​

​

​

    }

​

    if (nivel == 0) {

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

        if (!ladrillos[1].trans) {

          ladrillos[1].magic = true;

        }

        if (!ladrillos[8].trans) {

          ladrillos[8].magicpalo = true;

        }

​

        ladrillos[i].mostrar();

​

        bola.chocar(ladrillos[i]);

        bola2.chocar(ladrillos[i]);

      }

    }

​

    if (nivel == 1) {

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

        if (!ladrillos[10].trans) {

          ladrillos[10].magic = true;

        }

        if (!ladrillos[13].trans) {

          ladrillos[13].alterpalo = true;

        }

​

​

        ladrillos[i].mostrar();

​

​

        bola.chocar(ladrillos[i]);

        bola2.chocar(ladrillos[i]);

      }

    }

    if (nivel == 2) {

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

        if (!ladrillos[16].trans) {

          ladrillos[16].magicpalo = true;

        }

        ladrillos[i].mostrar();

​

​

        bola.chocar(ladrillos[i]);

        bola2.chocar(ladrillos[i]);

      }

    }

    if (nivel == 3) {

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

        if (!ladrillos[31].trans) {

          ladrillos[31].alterpalo = true;

        }

        ladrillos[i].mostrar();

​

​

        bola.chocar(ladrillos[i]);

        bola2.chocar(ladrillos[i]);

      }

    }

    if (nivel == 4) {

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

        ladrillos[i].mostrar();

​

​

        bola.chocar(ladrillos[i]);

        bola2.chocar(ladrillos[i]);

      }

    }

    if (nivel == 5) {

​

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

        ladrillos[i].mostrar();

​

​

​

      }

      for (i = 50; i < 61; i++) {

​

        bola.chocar(ladrillos[i]);

        bola2.chocar(ladrillos[i]);

​

      }

​

​

    }

​

​

​

​

  } //hasta aqui el if(start)

​

  if (final) {

    start = false;

    if (cancionfinal == 0) {

      aquesta2.stop();

      ale.play();

      ale.setVolume(0.4);

      cancionfinal = 1;

    }

    image(fondo, width / 2, height / 2 - 30, 777, 600);

    fill(200, 0, 0);

    textSize(60);

    text("JA ÉS NOSTRE!!! PER FI!!!", 20, 80);

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

​

      ladrillos[i].mostrar();

    }

    image(junt, X_,height-50, 104,180);

    X_=X_+1;

    X_=constrain(X_,0,400);

  }

​

​

​

​

} // hsta aqui la funcion draw

​

function mousePressed() {

  if (!final) {

    arranque = false;

    start = true;

  }

}