182 : Health meter
function init_game() {
...
// Global world parameters.
_game.friction = 0.15;
_game.gravity = 0.5;
// Health meter.
_game.meter_x = 10;
_game.meter_y = 10;
_game.meter_width = 150;
_game.meter_height = 20;
}
// Health meter.
_game.meter_x = 10;
_game.meter_y = 10;
_game.meter_width = 150;
_game.meter_height = 20;
}
function draw_player(ctx) {
...
}
// Draw the player status information.
function draw_status(ctx) {
var health = (_game.meter_width * _player.health) / _player.health_max;
ctx.fillStyle = "rgba(0,255,0, 0.5)";
ctx.fillRect(_game.meter_x, _game.meter_y, health, _game.meter_height);
ctx.strokeStyle = "black";
ctx.strokeRect(_game.meter_x, _game.meter_y, _game.meter_width, _game.meter_height);
}
// Draw the player status information.
function draw_status(ctx) {
var health = (_game.meter_width * _player.health) / _player.health_max;
ctx.fillStyle = "rgba(0,255,0, 0.5)";
ctx.fillRect(_game.meter_x, _game.meter_y, health, _game.meter_height);
ctx.strokeStyle = "black";
ctx.strokeRect(_game.meter_x, _game.meter_y, _game.meter_width, _game.meter_height);
}
Balthazar:
and call it from our draw function
function draw() {
...
draw_player(ctx);
draw_status(ctx);
...
}
draw_status(ctx);
...
}
Congratulations! You've earned the Vitality I - Health badge!
GOTO 184 if you already have the Treasure I - Key and Sprite II - Image badges.