KingOfDog/minesweeper.js
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Some minor improvements

Browse Source 
Fix several font errors
Update bomb count depending on field size
Improve layout
This commit is contained in:
Marcel
2018-05-13 11:26:53 +02:00
parent 0e2f984aee
commit abf094da4d
9 changed files with 41 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
game.js
View File

@@ -45,7 +45,7 @@ class Game {
this.restartButton = document.getElementById('restart-btn');
this.fieldSize = {x: 16, y: 12};
this.bombCount = 25;
this.bombCount = this.fieldSize.x * this.fieldSize.y * .25;
this.field = [];
this.gameOver = false;
this.scaleFactor = .5;
@@ -159,7 +159,7 @@ class Game {
let color = this.getColor(virtualX, virtualY);
const fontSize = this.renderingConfig.sizeY * .5;
let fontFamily = "Roboto";
let fontFamily = "Roboto Bold";
let textColor = "white";
let text = "";
@@ -193,13 +193,13 @@ class Game {
gameOverEvent() {
play = false;
animateBackground(0, 0, this.width, this.height, 0, .75, new Date().getTime(), 200, {
animateBackground(this.layer2, 0, 0, this.width, this.height, 0, .75, new Date().getTime(), 200, {
r: 0,
g: 0,
b: 0,
a: 0
});
animateText(this.layer2, this.renderingConfig, "Game Over", this.fieldSize.x / 2 - .5, this.fieldSize.y / 2 - .5, 0, this.tileSize.y * 1.33, new Date().getTime(), 200, "orange", "Roboto");
animateText(this.layer2, this.renderingConfig, "Game Over", this.fieldSize.x / 2 - .5, this.fieldSize.y / 2 - .5, 0, this.tileSize.y * 1.33, new Date().getTime(), 200, "orange", "Roboto Black");
}
getColor(x, y) {
@@ -544,13 +544,13 @@ class Game {
animateVictory();
play = false;
const fontSize = this.tileSize.y * 1.33;
animateBackground(0, 0, this.canvas.width, this.canvas.height, 0, .01, new Date().getTime(), 300, {
animateBackground(this.layer2, 0, 0, this.canvas.width, this.canvas.height, 0, .01, new Date().getTime(), 300, {
r: 0,
g: 0,
b: 0,
a: 0
});
animateText(this.layer2, this.renderingConfig, "Victory!", this.fieldSize.x / 2 - .5, this.fieldSize.y / 2 - .5, 0, fontSize, new Date().getTime(), 300, "green", "Roboto");
animateText(this.layer2, this.renderingConfig, "Victory!", this.fieldSize.x / 2 - .5, this.fieldSize.y / 2 - .5, 0, fontSize, new Date().getTime(), 300, "green", "Roboto Black");
}
}
}