​

var healthW = 100;

var healthH = 20;

​

class healthBar {

  constructor (name, x, y, maxHp, charSprite) { // charSprite doesn't do anything

    this.name = name;

    this.x = x;

    this.y = y - 80;

    this.maxHp = maxHp;

    this.w = healthW;

    this.h = healthH;

    this.maxWidth = healthW;

    this.health = maxHp;

    this.color = "green";

    this.charSprite = charSprite;

    }

  healthColor() {

  if (this.health > 75) {

    this.shapeColor ="green";

    this.color = "green";

  } else if (this.health < 25) {

    this.shapeColor ="red";

    this.color = "red";

  } else {

    this.shapeColor ="yellow"; // gairHealth

    this.color = "yellow"; // gairHp

  }

    console.log(this.color);

  }

  hurt() {

    this.health -= 10;

    this.w = this.health;

    //charSprite.remove(); // was gairHealth

    //charSprite = createSprite(gairHp.x, gairHp.y, gairHp.w, gairHp.h);

    this.healthColor();

    console.log(this.name + "'s HP is now " + this.health);

  }

}

​

var gairX = 100;

var gairY = 150;

var gairMax = 100; // Max HP

//var gairCurrent = 100; // Current HP

​

var gairHp = new healthBar("Gair", gairX, gairY, gairMax);

​

​

var pubbyX = 400;

var pubbyY = 150;

var pubbyMax = 100; // Max HP

//var pubbyCurrent = 100; // Current HP

​

var pubbyHp = new healthBar("Pubby", pubbyX, pubbyY, pubbyMax);

​

function setup() {

  createCanvas(600, 400);

  gairSprite = createSprite(gairX, gairY, 100, 100);

  gairSprite.shapeColor = "orange";

  gairHealth = createSprite(gairHp.x, gairHp.y, gairHp.w, gairHp.h);

  gairHealth.shapeColor = "green";

  pubbySprite = createSprite(pubbyX, pubbyY, 100, 100);

  pubbySprite.shapeColor = "purple";

  pubbyHealth = createSprite(pubbyHp.x, pubbyHp.y, pubbyHp.w, pubbyHp.h);

  pubbyHealth.shapeColor = "green";

}

​

function draw() {

  background("white");

  drawSprites();

  healthColor();

}

​

/*var character = "Gair";

var activeCurrent = gairHp.health;

var activeHealth = gairHealth();

var activeHp = gairHp;*/

​

function healthColor() {

  if (gairHp.health > 75) {

    gairHealth.shapeColor ="green";

    gairHp.color = "green";

  } else if (gairHp.health < 25) {

    gairHealth.shapeColor ="red";

    gairHp.color = "red";

  } else {

    gairHealth.shapeColor ="yellow";

    gairHp.color = "yellow";

  }

}

​

function mousePressed() {

  gairHp.health -= 10;

  gairHp.w = gairHp.health;

  gairHealth.remove();

  gairHealth = createSprite(gairHp.x, gairHp.y, gairHp.w, gairHp.h);

  gairHp.healthColor();

  console.log("Gair's HP is now " + gairHp.health);

}

​