draw: function(x, y){
EnemyCharacterClass.base.prototype.draw.apply(this, arguments);
this.ownerStage.mainContext.save();
- this.ownerStage.mainContext.fillStyle = "rgba(255,255,255,0.5)";
- this.ownerStage.mainContext.strokeStyle = "rgba(0, 0, 0, 1)";
- this.ownerStage.mainContext.font = "normal 12px sans-serif";
- drawText(this.ownerStage.mainContext, this.HP, x, y - 20);
+ //this.ownerStage.mainContext.fillStyle = "rgba(255,255,255,0.5)";
+ //this.ownerStage.mainContext.strokeStyle = "rgba(0, 0, 0, 1)";
+ //this.ownerStage.mainContext.font = "normal 12px sans-serif";
+ //drawText(this.ownerStage.mainContext, this.HP, x, y - 20);
+ var color = "green";
+ var backColor = "gray";
+ var thickness = 4;
+ var barWidth = this.max_HP / 2;
+ if(barWidth < 16) barWidth = 16;
+ var barPerHP = this.HP / this.max_HP;
+
+ this.ownerStage.mainContext.fillStyle = backColor;
+ this.ownerStage.mainContext.fillRect(x + (this.size.x - barWidth) / 2, y - thickness, barWidth, thickness);
+ this.ownerStage.mainContext.fillStyle = color;
+ this.ownerStage.mainContext.fillRect(x + (this.size.x - barWidth) / 2, y - thickness, barWidth * barPerHP, thickness);
+
this.ownerStage.mainContext.restore();
},
});