Kind of dirty and underhanded scoreboard.

Will look into refinements later.

Author: LynxyssCZ

pacman.js

@@ -12,6 +12,7 @@ Game.Display = function (width, height, tileWidth, tileHeight, sheet) {
 	this._context.canvas.width = this.width * this.tileWidth;
 	this._context.canvas.height = this.height * this.tileHeight;
 	this.clear();
+	this._context.textAlign="center";
 };
 
 Game.Display.prototype.getContainer = function () {
@@ -23,6 +24,16 @@ Game.Display.prototype.drawTile = function (x, y, tile, frame, clear) {
 	this._context.drawImage(this.sheet, (frame * this.tileWidth), (tile * this.tileHeight), this.tileWidth, this.tileHeight, (x * this.tileWidth), (y * this.tileHeight), this.tileWidth, this.tileHeight);
 };
 
+Game.Display.prototype.drawText = function(x, y, size, text) {
+	this._context.font = this.tileWidth*size+"px Verdana";
+	this._context.fillStyle = '#000000';
+	var width = Math.ceil((this._context.measureText(text).width)/this.tileWidth);
+	//alert(width);
+	this.drawBlock(x-(width/2), y-size, width, 1, "#000000");
+	this._context.fillStyle = '#FFFFFF';
+	this._context.fillText(text, this.tileWidth*x, this.tileHeight*y);
+}
+
 Game.Display.prototype.drawBlock = function (x, y, w, h, color) {
 	this._context.fillStyle = color;
 	this._context.fillRect((x * this.tileWidth), (y * this.tileHeight), (w * this.tileWidth), (h * this.tileHeight));

src/display.js

@@ -6,7 +6,7 @@ Game.Level01 = {
 		map.defineObject("inky", new Game.Map.Ghost(3));
 		map.defineObject("clyde", new Game.Map.Ghost(4));
 		map.defineObject("food", Game.Map.Food );
-
+		map.scoreBoard(21,13,1);
 		Game.Level01.buildMaze(map, this.Walls);
 
 	},
@@ -45,12 +45,12 @@ Game.Level01 = {
 		'W*W*WW*WW*************************WW*W_WW_W*WW*************************WW*WW*W*W',
 		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
 		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
-		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
-		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
-		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
-		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*W****W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
-		'W*W*WW*__*WWWWWWWWWWWWWWWWWWWWWWW*WW*WWWWWW*WW*WWWWWWWWWWWWWWWWWWWWWWW*__*WW*W*W',
-		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW********WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
+		'W*W*WW*WW*WW___________________WW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
+		'W*W*WW*WW*WW___________________WW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
+		'W*W*WW*WW*WW___________________WW*WW*W_WW_W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
+		'W*W*WW*WW*WW___________________WW*WW*W****W*WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
+		'W*W*WW*__*WW___________________WW*WW*WWWWWW*WW*WWWWWWWWWWWWWWWWWWWWWWW*__*WW*W*W',
+		'W*W*WW*WW*WW___________________WW*WW********WW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
 		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WWWW_WW_WWWW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
 		'W*W*WW*WW*WWWWWWWWWWWWWWWWWWWWWWW*WWWW_WW_WWWW*WWWWWWWWWWWWWWWWWWWWWWW*WW*WW*W*W',
 		'W*W*WW*WW**************************************************************WW*WW*W*W',

src/levels/level01.js

@@ -18,6 +18,12 @@ Game.Map.prototype.clear = function() {
 	this._foodCount = 0;
 }
 
+Game.Map.prototype.scoreBoard = function (x, y, size) {
+	this._scoreX = x;
+	this._scoreY = y;
+	this._scoreSize = size;
+}
+
 /**
  * Add object definition
  */
@@ -161,6 +167,10 @@ Game.Map.prototype.draw = function() {
 		this._display.drawTile( curr.getX(), curr.getY(), curr.getTile(), curr.getFrame(), true );
 	};
 	if (this._player) {this._display.drawTile( this._player.getX(), this._player.getY(), this._player.getTile(), this._player.getFrame(), true );};
+	if (this._scoreSize) {
+		this._display.drawText(this._scoreX, this._scoreY, this._scoreSize, "Score:");
+		this._display.drawText(this._scoreX, this._scoreY+this._scoreSize, this._scoreSize, this._player.getScore());
+	};
 }
 
 Game.Map.prototype.canMoveTo = function(nx, ny, type) {

src/map.js

@@ -26,7 +26,7 @@ Game.Player.prototype.act = function() {
 Game.Player.prototype.killedBy = function(killer) {
 	//this._game.lock();
 	this.killed = true;
-	alert("Killed by "+killer);
+	alert("Killed by "+killer+"\nScore achieved: "+this._score);
 };
 
 Game.Player.prototype.nom = function ( food ) {