diff --git a/frontend/src/js/pause_scene.ts b/frontend/src/js/pause_scene.ts index 7e945ac425224f3af07d42dc4437db2e32626beb..493d6dd7f6e618306023dde85b13162e7d224c16 100644 --- a/frontend/src/js/pause_scene.ts +++ b/frontend/src/js/pause_scene.ts @@ -26,15 +26,20 @@ export default class PauseScene extends Phaser.Scene { } drawTitle() { - const text = "PAUSE"; + const text = "PAUSED"; const title = this.add.text(0, 0, text, { - font: "bold 64px Courier", - color: "#ffffff", + fontFamily: "Courier", + fontSize: "64px", + fontStyle: "bold", + color: "white", + stroke: "black", + strokeThickness: 4, + testString: text, }); - title.setOrigin(0.5, 0.5); + title.setOrigin(0.5, 1); title.setPosition( this.cameras.main.width * 0.5, - this.cameras.main.height * 0.4, + this.cameras.main.height * 0.475, ); } @@ -43,13 +48,18 @@ export default class PauseScene extends Phaser.Scene { ? " TAKE A BREATH\nESC key to resume" : "TAKE A BREATH\ntap to resume"; const title = this.add.text(0, 0, text, { - font: "bold 24px Courier", - color: "#ffffff", + fontFamily: "Courier", + fontSize: "32px", + fontStyle: "bold", + color: "white", + stroke: "black", + strokeThickness: 4, + testString: text, }); - title.setOrigin(0.5, 0.5); + title.setOrigin(0.5, 0); title.setPosition( this.cameras.main.width * 0.5, - this.cameras.main.height * 0.6, + this.cameras.main.height * 0.525, ); } diff --git a/frontend/src/js/welcome_scene.ts b/frontend/src/js/welcome_scene.ts index 57238c444f6fb956c49ed18521424d99346881ac..9fc7bba15b3ec1187f7e3db4eda133cbada3f16a 100644 --- a/frontend/src/js/welcome_scene.ts +++ b/frontend/src/js/welcome_scene.ts @@ -15,13 +15,18 @@ export default class WelcomeScene extends Phaser.Scene { drawTitle() { const text = "ÖTZI\nGAME"; const title = this.add.text(0, 0, text, { - font: "bold 64px Courier", - color: "#ffffff", + fontFamily: "Courier", + fontSize: "64px", + fontStyle: "bold", + color: "white", + stroke: "black", + strokeThickness: 4, + testString: text, }); - title.setOrigin(0.5, 0.5); + title.setOrigin(0.5, 1); title.setPosition( this.cameras.main.width * 0.5, - this.cameras.main.height * 0.4, + this.cameras.main.height * 0.475, ); } @@ -30,13 +35,18 @@ export default class WelcomeScene extends Phaser.Scene { ? "any key to begin\nESC key to pause\n TYPE ALL WORDS" : " tap to begin\n tap to pause\nTYPE ALL WORDS"; const cta = this.add.text(0, 0, text, { - font: "bold 32px Courier", - color: "#ffffff", + fontFamily: "Courier", + fontSize: "32px", + fontStyle: "bold", + color: "white", + stroke: "black", + strokeThickness: 4, + testString: text, }); - cta.setOrigin(0.5, 0.5); + cta.setOrigin(0.5, 0); cta.setPosition( this.cameras.main.width * 0.5, - this.cameras.main.height * 0.7, + this.cameras.main.height * 0.525, ); }