From fe57929d95772428bb5a0516f46810ca4190aeb1 Mon Sep 17 00:00:00 2001
From: Paolo Brasolin <paolo.brasolin@eurac.edu>
Date: Wed, 6 Apr 2022 19:38:57 +0200
Subject: [PATCH] feat: #fe improve glue scenes layout

---
 frontend/src/js/pause_scene.ts   | 28 +++++++++++++++++++---------
 frontend/src/js/welcome_scene.ts | 26 ++++++++++++++++++--------
 2 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/frontend/src/js/pause_scene.ts b/frontend/src/js/pause_scene.ts
index 7e945ac..493d6dd 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 57238c4..9fc7bba 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,
     );
   }
 
-- 
GitLab