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

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

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

}

​

function setup() {

  createCanvas(600, 600);

  background(backgroundIMG);

  frameRate(40);

}

​

function Butterfly() {

  this.y = height / 2;

  this.x = 64;

​

  this.gravity = 0.7;

  this.lift = -12;

  this.velocity = 0;

​

  this.show = function() {

    fill(255);

    ellipse(this.x, this.y, 32, 32);

  };

​

  this.up = function() {

    this.velocity += this.lift;

  }

}

​

  this.update = function() {

    this.velocity += this.gravity;

    // this.velocity *= 0.9;

    this.y += this.velocity;

​

    if (this.y > height) {

      this.y = height;

      this.velocity = 0;

    }

​

    if (this.y < 0) {

      this.y = 0;

      this.velocity = 0;

    }

  }

​

function Traps() {

  this.spacing = 175;

  this.top = random(height / 6, (3 / 4) * height);

  this.bottom = height - (this.top + this.spacing);

  this.x = width;

  this.w = 80;

  this.speed = 6;

​

  this.highlight = false;

​

  this.hits = function(butterfly) {

    if (butterfly.y < this.top || butterfly.y > height - this.bottom) {

      if (butterfly.x > this.x && butterfly.x < this.x + this.w) {

        this.highlight = true;

        return true;

      }

    }

    this.highlight = false;

    return false;

  };

}

​

//   this.show = function() {

//     fill(255);

//     if (this.highlight) {

//       fill(255, 0, 0);

//     }

//     rect(this.x, 0, this.w, this.top);

//     rect(this.x, height - this.bottom, this.w, this.bottom);

//   };

​

  this.update = function() {

    this.x -= this.speed;

  };

​

  this.offscreen = function() {

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

      return true;

    } else {

      return false;

    }

  };

​

​

var butterfly;

var traps = [];

​

function setup() {

  createCanvas(600, 600);

  butterfly = new Butterfly();

  traps.push(new Traps());

}

​

function draw() {

  image(backgroundIMG, 0, 0);

  push();

  tint(250, 180, 0);

  //flytrap1

  image(flytrap, 200, 300, 300, 300);

  //flytrap2

  image(flytrap, -50, 300, 250, 300);

  //flytrap3

  image(flytrap, 500, 300, 250, 300);

  pop();

​

  //my beautiful butterfly

  image(butterflyIMG, 200, 100, 175, 175);

}

​

  for (var i = traps.length - 1; i >= 0; i--) {

    traps[i].show();

    traps[i].update();

​

    if (traps[i].hits(butterfly)) {

      console.log('HIT');

    }

​

    if (traps[i].offscreen()) {

      traps.splice(i, 1);

    }

  }

​

  butterfly.update();

  butterfly.show();

​

  if (frameCount % 75 == 0) {

    traps.push(new Traps());

}

​

function keyPressed() {

  if (key == ' ') {

    butterfly.up();

    //console.log("SPACE");

  }

}