Used dimbo font
This commit is contained in:
parent
174a7bac42
commit
9b8fbf3a3f
|
@ -20,7 +20,7 @@ class Menu extends Screen {
|
|||
}
|
||||
|
||||
drawTitle() {
|
||||
this.context.font = "50px Arial";
|
||||
this.context.font = "50px Dimbo";
|
||||
this.context.stokeStyle = 'rgb(0, 0, 0)';
|
||||
this.context.fillStyle = 'rgb(255, 255, 255)';
|
||||
|
||||
|
@ -33,7 +33,7 @@ class Menu extends Screen {
|
|||
}
|
||||
|
||||
drawMenu() {
|
||||
this.context.font = "30px Arial";
|
||||
this.context.font = "30px Dimbo";
|
||||
this.context.fillStyle = 'rgb(255, 255, 255)';
|
||||
|
||||
let text = "New Game";
|
||||
|
@ -63,7 +63,7 @@ class Menu extends Screen {
|
|||
}
|
||||
|
||||
newGameBox() {
|
||||
this.context.font = "30px Arial";
|
||||
this.context.font = "30px Dimbo";
|
||||
let text = "New Game";
|
||||
let size = this.context.measureText(text);
|
||||
let offset = (this.width() - size.width) / 2;
|
||||
|
@ -77,7 +77,7 @@ class Menu extends Screen {
|
|||
}
|
||||
|
||||
exitBox() {
|
||||
this.context.font = "30px Arial";
|
||||
this.context.font = "30px Dimbo";
|
||||
let text = "Exit";
|
||||
let size = this.context.measureText(text);
|
||||
let offset = (this.width() - size.width) / 2;
|
||||
|
|
|
@ -182,7 +182,7 @@ class Scene extends Screen {
|
|||
|
||||
this.context.restore();
|
||||
|
||||
this.context.font = "15px Arial";
|
||||
this.context.font = "15px Dimbo";
|
||||
this.context.fillStyle = "rgb(255, 255, 255)";
|
||||
this.context.fillText("High score: " + Math.floor(100 * this.currentMaxHeight), 0, height - 5);
|
||||
}
|
||||
|
@ -215,7 +215,7 @@ class Scene extends Screen {
|
|||
drawHud() {
|
||||
// Draw scores
|
||||
let fontSize = 20;
|
||||
this.context.font = fontSize + "px Arial";
|
||||
this.context.font = fontSize + "px Dimbo";
|
||||
this.context.fillStyle = 'rgb(255, 255, 255)';
|
||||
this.context.fillText("Score: " + Math.floor(100 * this.currentHeight), 0, 20);
|
||||
|
||||
|
@ -248,7 +248,7 @@ class Scene extends Screen {
|
|||
if (this.status === Status.Paused || this.status === Status.Waking) {
|
||||
|
||||
let fontSize = 50;
|
||||
this.context.font = fontSize + "px Arial";
|
||||
this.context.font = fontSize + "px Dimbo";
|
||||
|
||||
this.context.beginPath();
|
||||
this.context.rect(0, 0, this.width(), this.height());
|
||||
|
|
|
@ -4,6 +4,10 @@
|
|||
<title>Escalator</title>
|
||||
<meta charset="utf-8" />
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'Dimbo';
|
||||
src: url('fonts/dimbo_r.ttf');
|
||||
}
|
||||
* { padding: 0; margin: 0; }
|
||||
canvas { display: block; margin: 0 auto; }
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue