// Midterm Game

// Intro to IM - Spring 2022

​

var song;

​

class Butterfly {

  constructor(x, y) {

    this.posX = x;

    this.posY = y;

    this.height = 60;

    this.width = 60;

    this.gravity = 0.7;

    this.lift = -10;

    this.velocity = 1;

​

    this.up = function () {

      this.velocity += this.lift;

      this.posY += this.lift;

    };

​

    this.update = function () {

      //don't want the butterfly fly off the screen

      if (this.posY >= canvasHeight - this.height) {

        this.posY = canvasHeight - this.height;

        // this.velocity = 0;

      } else if (this.posY < 0) {

        this.posY = 0;

        this.velocity = 0;

      } else {

        this.velocity += this.gravity;

        this.posY += this.velocity;

      }

    };

  }

​

  draw() {

    image(butterfly, this.posX, this.posY, this.width, this.height);

  }

}

​

class Trap {

  constructor(x, y) {

    this.x = x;

    this.y = y;

    this.height = 20; //height of the image

    this.width = 50;

    this.speed = -4;

    this.slitHeight = 165;

    this.r = 255;

    this.g = 255;

    this.b = 255;

​

    //delete the traps that leave the screen

    this.offscreen = function () {

      if (this.x < -this.width) {

        return true;

      } else {

        return false;

      }

    };

  }

​

  draw() {

    rect(this.x, this.y, this.width, canvasHeight, 60, 60);

    rect(this.x, this.y - this.slitHeight, this.width, -canvasHeight, 60, 60);

    fill(this.r, this.g, this.b, 100);

    noStroke();

  }

​

  update() {

    this.x += this.speed;

  }

}

​

function preload() {

  song = loadSound("songs.mp3");

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

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

  backgroundIMG = loadImage("assets/greenery.png");

  flytrapsups = loadImage("assets/flytrapups.png");

  startpage = loadImage("assets/startpage.jpg");

  gameover = loadImage("assets/gameover.jpg");

}

​

// this is made so that we can reload the game more easily, choose the parts of code I want to restart

class Game {

  constructor() {

    this.b = new Butterfly(200, 200);

    this.traps = [];

    this.score = 0;

    this.lastTrapPassed = -1;

    this.live = 10;

    Game.state = "running";

​

    var min = 0 + 100;

    var max = canvasHeight - 100;

​

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

      this.traps.push(

        new Trap(

          400 + i * 300,

          Math.floor(Math.random() * (max - min + 1) + min)

        )

      );

    }

  }

​

  //changing the color of the trap if butterfly hits it

  hit(i) {

    Game.state = "over";

    console.log("GAME OVER", i);

​

    if (i > 0) {

      this.traps[i - 1].g = 0;

      this.traps[i - 1].b = 0;

    }

  }

​

  update() {

    this.b.update();

​

    for (let i = 0; i < this.traps.length; i++) {

      this.traps[i].update();

​

      // checking for collision of butterfly and trap

      if (

        (this.b.posX + this.b.width > this.traps[i].x &&

          this.b.posY + this.b.height > this.traps[i].y &&

          this.b.posX < this.traps[i].x + this.traps[i].width &&

          this.b.posY < this.traps[i].y + canvasHeight) ||

        (this.b.posX + this.b.width > this.traps[i].x &&

          this.b.posY + this.b.height >

            this.traps[i].y - this.traps[i].slitHeight - canvasHeight &&

          this.b.posX < this.traps[i].x + this.traps[i].width &&

          this.b.posY < this.traps[i].y - this.traps[i].slitHeight)

      ) {

        this.hit(i);

      } else {

        this.traps[i].g = 255;

        this.traps[i].b = 255;

      }

    }

​

    if (

      this.b.posX >

      this.traps[this.lastTrapPassed + 1].x +

        this.traps[this.lastTrapPassed + 1].width

    ) {

      this.score += 1;

      console.log("Score:" + this.score);

      this.lastTrapPassed += 1;

    }

  }

​

  draw() {

    //adding scoring on the screen

    push();

    fill(25, 76, 25);

    textStyle(BOLD);

    textSize(35);

    text("Score: " + this.score, 640, 580);

    pop();

​

    for (let i = 0; i < this.traps.length; i++) {

      this.traps[i].draw();

    }

​

    this.b.draw();

  }

}

​

let canvasHeight = 600;

g = new Game();

​

function setup() {

  createCanvas(800, canvasHeight);

  // resetSketch();

  background(backgroundIMG);

  //controlling the speed of the game

  frameRate(40);

​

  //restarting the game with a restart button

  var button = createButton("Start Game");

  button.mousePressed(resetSketch);

​

  var button = createButton("Restart Game");

  button.mousePressed(resetSketch);

​

  // var button = createButton ("Instructions")

  // button.mousePressed(mode=0)

​

  song.play();

}

​

// to reset the sketch

function resetSketch() {

  g = new Game();

  mode = 1;

}

​

let mode = 0;

​

function draw() {

  image(backgroundIMG, 0, 0);

​

  // making a menu screen

​

  switch (mode) {

    //instruction page

    case 0:

      image(startpage, 0, 0, 800, 700);

      break;

    // game

    case 1:

      g.update();

      g.draw();

      break;

    //game over

    case 2:

      image(gameover, 0, 0, 800, 600);

      Game.state = "over";

      break;

  }

}

​

// making the butterfly bounce when key is pressed

function keyPressed() {

  if (key == " ") {

    g.b.up();

  }

}

​