let bubblesPopped = 0;

///bug game

​

var index = 0;

​

let MCimg;

let MC2img;

let MC3img; ///main character

​

///nun

let nunStat;

let nunTalk;

​

//global

let ground;

let soundtrack;

let slider;

let soundSymbol;

let rightArrow;

let leftArrow;

let talkArrow;

​

let dude1;

let sceneNum = -1;

​

let graveCounter = 0; ///grave scene counter

​

//start screen

let title;

let bg1;

​

///scene0

let church;

let bg0;

let paralBG = -25;

let procession;

​

//scene1

let fg1;

let scene1bg1;

let mastone;

let paralBG1 = 0;

let paralFG1 = -25;

​

//scene2

let scene2bg1;

let scene2fg1; //statue

let paralBG2 = 0;

let paralFG2 = -25;

let masBack;

let masFront;

​

///grave scene

let shape1, shape2, shape3, shape4, shape5, shape6;

​

let burialbg;

​

let cockroach;

​

let skull;

let skullSize = 80;

​

let leftArmBone;

let righArmBone;

let armY = 190;

let armX = 40;

​

let torsoX = 90;

let torsoY = 180;

let torso;

​

let rightLeg;

let legX = 40;

let legY = 200;

​

let leftLeg;

let legX2 = 50;

​

//endings

let ending1img;

let ending2img;

let ending3img;

let ending4img;

let ending5img;

​

//music

function preload() {

  soundtrack = loadSound("assets/8bit_malta.mp3");

}

function setup() {

  for (let i = 0; i < 8; i++) {

    bubbles.push(new Bubble());

  } /////////////////////////////////////game

​

  slider = createSlider(0, 300, 100, 40);

  slider.position(40, 10);

  slider.style("width", "60px");

​

  soundtrack.loop();

  soundSymbol = loadImage("assets/musicsymbol.gif");

​

  let headLocX = random(100, 200);

  let headLocY = random(100, 150);

  let armLocX = 180; //left arm;

  let armLocX2 = 290;

  let armLocY = random(150, 200);

  let legLocY = random(300, 400);

  let torsoLocX = random(200, 210);

​

  createCanvas(600, 600);

​

  //bones

  shape1 = new Draggable(headLocX, headLocY, skullSize, skullSize);

  skull = loadImage("assets/skull.png");

​

  shape2 = new Draggable(armLocX, armLocY, armX, armY); //left arm

  leftArmBone = loadImage("assets/leftarmbone.png");

​

  shape3 = new Draggable(armLocX2, armLocY, armX, armY); //right arm

  righArmBone = loadImage("assets/rightarmbone.png");

​

  shape4 = new Draggable(torsoLocX, armLocY, torsoX, torsoY); //torso

  torso = loadImage("assets/torso.png");

​

  shape5 = new Draggable(armLocX2, legLocY, legX, legY);

  rightLeg = loadImage("assets/rightleg.png"); //rightleg

​

  shape6 = new Draggable(armLocX, legLocY, legX2, legY);

  leftLeg = loadImage("assets/leftleg.png"); //leftleg

​

  //main character

  dude1 = new dude();

  MCimg = loadImage("assets/mc-sprite.gif");

  MC2img = loadImage("assets/mc-walkright.gif");

  MC3img = loadImage("assets/mc-walkleft.gif");

​

  //nun

  nunStat = loadImage("assets/statNun.gif");

  nunTalk = loadImage("assets/talkingNun.gif");

​

  //global

  ground = loadImage("assets/ground.png");

  rightArrow = loadImage("assets/rightarrow.gif");

  leftArrow = loadImage("assets/leftarrow.gif");

  talkArrow = loadImage("assets/talk.gif");

​

  //start scene

  title = loadImage("assets/TitleScreen.gif");

  bg1 = loadImage("assets/bg_1.png");

​

  //scene0

  church = loadImage("assets/Churchpixel.png");

  bg0 = loadImage("assets/bgscene1.gif");

  procession = loadImage("assets/procession.gif");

​

  //scene1

  fg1 = loadImage("assets/scene1_fg.png");

  scene1bg1 = loadImage("assets/scene1bg.gif");

  mastone = loadImage("assets/maymunahstone.png");

​

  //scene2

  scene2bg1 = loadImage("assets/scene2.png");

  scene2fg1 = loadImage("assets/scene2fg.png");

  masBack = loadImage("assets/masback.png");

  masFront = loadImage("assets/masfront.png");

​

  //burial

  burialbg = loadImage("assets/burialbg.png");

  cockroach = loadImage("assets/cockroach.gif");

​

  //endings

  ending1img = loadImage("assets/ending1.gif");

  ending2img = loadImage("assets/ending2.gif");

  ending3img = loadImage("assets/ending3.gif");

  ending4img = loadImage("assets/ending4.gif");

  ending5img = loadImage("assets/FINALending.gif");

}

​

function draw() {

  background(220);

​

  switch (sceneNum) {

    case -1:

      start(150);

      break;

    case 0:

      scene0();

      break; // stop right here & exit

    case 1:

      scene1();

      break;

    case 2:

      scene2();

      scene2FG();

      break;

    case 3:

      dig();

      break;

    case 4:

      ending1();

      break;

  }

  if (sceneNum <= 2) {

    push();

    dude1.body();

    dude1.move();

    dude1.sceneChange();

    pop();

  } else if (sceneNum > 2) {

  }

​

  if (sceneNum === 4 && keyIsDown(32) && graveCounter <= 4) {

    sceneNum = 3;

  } else if (sceneNum === 4 && keyIsDown(32) && graveCounter > 4) {

    sceneNum = 0;

    graveCounter = 0; ///grave scene counter

  paralBG = -25;

  paralBG1 = 0;

  paralFG1 = -25;

  paralBG2 = 0;

  paralFG2 = -25;

  }

​

  //volumeslider

  let val = slider.value();

  let volume = map(val, 0, slider.width, 0, 0.4);

  volume = constrain(volume, 0, 1);

  soundtrack.amp(volume);

  image(soundSymbol, 0, 0);

​

  switch (

    sceneNum //fg

  ) {

    case -1:

      break;

    case 0:

      break;

    case 1:

      break;

    case 2:

      scene2FG();

      break;

    case 3:

      break;

    case 4:

      break;

  }

}

​

class dude {

  constructor() {

    this.x = 280;

    this.y = 430;

  }

​

  body() {

    if (keyIsDown(37)) {

      image(MC3img, this.x, this.y);

    } else if (keyIsDown(39)) {

      image(MC2img, this.x, this.y);

    } else {

      image(MCimg, this.x, this.y);

    }

  }

​

  move() {

    if (keyIsDown(37)) {

      this.x -= 2;

    }

    if (keyIsDown(39)) {

      this.x += 2;

    }

  }

​

  sceneChange() {

    if (sceneNum === -1 && this.x < -18) {

      sceneNum++;

      this.x = 2;

    }

    if (this.x > 580) {

      sceneNum++;

      this.x = -20;

    }

    if (this.x < -20) {

      sceneNum--;

      this.x = 580;

    }

    if (sceneNum === 0 && this.x === 0) {

      this.x = 2;

    }

    if (sceneNum === 2 && this.x === 470) {

      sceneNum++;

    }

  }

}

​

function start(n) {

  if (keyIsDown(37)) {

    paralBG += 1 / 6;

  }

  if (keyIsDown(39)) {

    paralBG -= 1 / 6;

  }

​

  fill(250, 250, 250, n);

  image(bg0, paralBG, 0);

  image(ground, 0, 575);

  push();

  noStroke();

  rect(0, 0, 600, 600);

  image(title, 25, 170);

  fill(0);

​

  push();

  image(rightArrow, 540, 480);

  textSize(15);

  fill("black");

  text(

    "Walk: left & right arrow keys      Interact: up arrow key",

    30,

    580,

    width,

    height

  );

  pop();

}

​

function keyPressed() {

  index = int(random(6));

}

​

function scene0() {

  fill(250, 250, 250, 100);

  image(bg1, -25, 0);

  rect(0, 0, 600, 600);

  image(church, 200, 0);

  image(ground, 0, 575);

​

  image(rightArrow, 540, 480);

​

  if (frameCount > 1700) {

    var words = [

      "There is a procession.",

      "The procession has a statue of the Lamb of God.",

      "Ive always liked a good parade.",

      "That statue must be heavy...",

      "This is a religious procession.",

      "The statue looks a little funny up there.",

    ];

    if (keyIsDown(38)) {

      dialogueBox(words[index], 300, 360);

    } else {

    }

    image(procession, 20, 220); //////////////////////////PROCESSION

  } else {

    if (keyIsDown(38)) {

      var words = [

        "There is a grave that needs to be cleaned down this way.",

        "Did you clean the grave yet?",

        "The grave is down this way passed me.",

        "Walk right to find the grave.",

        "Kulħadd tad-demm u l-laħam.",

        "Żgur il-mewt. Get cleaning!",

      ];

      dialogueBox(words[index], 320, 360); //talk

      image(nunTalk, 380, 410);

    } else {

      image(talkArrow, 390, 340);

      image(nunStat, 380, 410);

    } //stationary nun

  }

}

​

function scene1() {

  if (keyIsDown(37)) {

    paralBG1 += 1 / 6;

  }

  if (keyIsDown(39)) {

    paralBG1 -= 1 / 6;

  }

​

  if (keyIsDown(37)) {

    paralFG1 += 1 / 12;

  }

  if (keyIsDown(39)) {

    paralFG1 -= 1 / 12;

  }

​

  image(scene1bg1, paralBG1, 0);

  fill(255, 255, 255, 10);

  rect(0, 0, 600, 600);

  image(fg1, paralFG1, 0);

​

  image(ground, 0, 575); //floor

​

  if (keyIsDown(38)) {

    var words = [

      "l-Ġebla ta Majmuna, a 12th-century tombstone.",

      " Majmuna died on 21 March 1174.",

      "...I am already consumed inside it...",

      "...Death robbed me from a palace...",

      "...daughter of Hassān, son of Ali al-Hudali...",

      "...and dust has settled on my eyes...",

    ];

    dialogueBox(words[index], width / 2 - 105, 300); //talk

  } else {

  }

​

  image(mastone, width / 2 - 100, 380);

​

  image(rightArrow, 540, 480);

  image(leftArrow, 5, 480);

}

​

function scene2() {

  if (keyIsDown(37)) {

    paralBG2 += 1 / 6;

  }

  if (keyIsDown(39)) {

    paralBG2 -= 1 / 6;

  }

​

  if (keyIsDown(37)) {

    paralFG2 += 1 / 12;

  }

  if (keyIsDown(39)) {

    paralFG2 -= 1 / 12;

  }

​

  image(scene2bg1, paralBG2, 0);

  fill(255, 255, 255, 10);

  rect(0, 0, 600, 600);

​

  image(ground, 0, 575); //floor

​

  image(masBack, 350, 140); //masoleum back

​

  image(rightArrow, 330, 480);

  image(leftArrow, 5, 480);

}

​

function scene2FG() {

  image(scene2fg1, paralFG2, 0); //statue

  image(masFront, 350, 140);

}

​

function dig() {

  image(burialbg, -25, 0); ///bg

​

  shape4.over();

  shape4.update();

  shape4.torso(); //torso

​

  shape2.over();

  shape2.update();

  shape2.leftarmbone(); //leftarm

​

  shape3.over();

  shape3.update();

  shape3.rightarmbone(); //rightarm

​

  shape5.over();

  shape5.update();

  shape5.rightleg();

​

  shape6.over();

  shape6.update();

  shape6.leftleg();

​

  shape1.over(); //skull

  shape1.update();

  shape1.skull();

​

  if (bubblesPopped >= bubbles.length) {

    ///if else scene change

    sceneNum++;

    graveCounter++;

    bubbles.push(new Bubble());

    bubbles.push(new Bubble());

    bubbles.push(new Bubble());

    bubbles.push(new Bubble());

  } else {

  }

​

  for (let bubble of bubbles) {

    // cockroaches

    bubble.move();

    bubble.display();

  }

​

  push();

  fill("white");

  textSize(18);

  text("Cockroaches squashed: " + bubblesPopped, 380, 30);

  pop();

}

​

function ending1() {

  if (graveCounter < 2) {

    image(ending1img, 0, 0);

    push();

    fill("black");

    stroke("black");

    textSize(40);

    text("Press [spacebar] to continue", 40, 430, 300, height);

    pop();

  } else if (graveCounter === 2) {

    image(ending2img, 0, 0);

    push();

    fill("black");

    stroke("black");

    textSize(40);

    text("Press [spacebar] to continue", 40, 430, 300, height);

    pop();

  } else if (graveCounter === 3) {

    image(ending3img, 0, 0);

    push();

    fill("white");

    stroke("black");

    textSize(40);

    text("Press [spacebar] to continue", 350, 430, 300, height);

    pop();

  } else if (graveCounter === 4) {

    image(ending4img, 0, 0);

    push();

    fill("white");

    stroke("black");

    textSize(40);

    text("Press [spacebar] to continue", 350, 430, 300, height);

    pop();

  } else if (graveCounter > 4) {

    image(ending5img, 0, 0);

    push();

    fill("white");

    stroke("black");

    textSize(40);

    text("Press [spacebar] to replay", 350, 430, 300, height);

    pop();

​

  }

}

​

function dialogueBox(dia, xFont, yFont) {

  fill("white");

  stroke("black");

  textSize(15);

  rect(xFont, yFont, 210, 52, 10);

  fill("black");

  noStroke();

  text(dia, xFont + 10, yFont + 10, 200, 52);

}

​

function mouseClicked() {

  for (let bubble of bubbles) {

    let d = dist(bubble.x, bubble.y, mouseX, mouseY);

    if (d < bubble.size / 2) {

      bubble.c = 0;

      bubblesPopped++;

    }

  }

}

​

class Bubble {

  constructor() {

    this.x = width / 2;

    this.y = height / 2;

    this.xspeed = random(-3, 3);

    this.yspeed = random(-3, 3);

    this.size = 50;

    this.c = 255;

  }

​

  move() {

    if (this.c == 255) {

      if (this.x + this.size / 2 > width || this.x - this.size / 2 <= 0) {

        this.xspeed *= -1;

      }

      if (this.y + this.size / 2 > height || this.y - this.size / 2 <= 0) {

        this.yspeed *= -1;

      }

​

      this.x += this.xspeed;

      this.y += this.yspeed;

    }

    if (this.c == 0) {

    }

  }

​

  display() {

    noStroke();

    fill(this.c);

    image(cockroach, this.x - 25, this.y - 35);

  }

}

​

function mousePressed() {

  shape1.pressed();

  shape2.pressed();

  shape3.pressed();

  shape4.pressed();

  shape5.pressed();

  shape6.pressed();

}

​

function mouseReleased() {

  shape1.released();

  shape2.released();

  shape3.released();

  shape4.released();

  shape5.released();

  shape6.released();

}

​