feat: #fe make game more discoverable

frontend/src/js/pause_scene.ts

@@ -39,7 +39,9 @@ export default class PauseScene extends Phaser.Scene {
   }
 
   drawCTA() {
-    const text = "TAKE A BREATH";
+    const text = this.game.device.os.desktop
+      ? "  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",
@@ -47,7 +49,7 @@ export default class PauseScene extends Phaser.Scene {
     title.setOrigin(0.5, 0.5);
     title.setPosition(
       this.cameras.main.width * 0.5,
-      this.cameras.main.height * 0.5,
+      this.cameras.main.height * 0.6,
     );
   }
 

frontend/src/js/welcome_scene.ts

@@ -26,7 +26,9 @@ export default class WelcomeScene extends Phaser.Scene {
   }
 
   drawCTA() {
-    const text = "press to start";
+    const text = this.game.device.os.desktop
+      ? "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",
@@ -52,8 +54,11 @@ export default class WelcomeScene extends Phaser.Scene {
   }
 
   bindEvents() {
-    this.input.keyboard.once("keyup", this.startFight.bind(this));
-    this.input.once("pointerup", this.startFight.bind(this));
+    if (this.game.device.os.desktop) {
+      this.input.keyboard.once("keyup", this.startFight.bind(this));
+    } else {
+      this.input.once("pointerup", this.startFight.bind(this));
+    }
   }
 
   startFight() {