Add welcome message for player in main menu and adjust rendering opac…

…ity (#138)

src/screens/main-screen/main-menu-screen.ts

@@ -60,6 +60,9 @@ export class MainMenuScreen extends BaseGameScreen {
   }
 
   public override render(context: CanvasRenderingContext2D): void {
+    context.globalAlpha = this.opacity;
+    this.showWelcomePlayerName(context);
+    context.globalAlpha = 1;
     super.render(context);
   }
 
@@ -229,4 +232,30 @@ export class MainMenuScreen extends BaseGameScreen {
       }
     });
   }
+
+  private showWelcomePlayerName(context: CanvasRenderingContext2D): void {
+    const playerName = this.gameController
+      .getGameState()
+      .getGamePlayer()
+      .getName();
+
+    // Draw text that says Hello
+    context.font = "bold 28px system-ui";
+    context.fillStyle = "white";
+    context.textAlign = "center";
+
+    context.fillText(
+      "HEY, YOU!",
+      this.canvas.width / 2,
+      this.canvas.height - 140
+    );
+
+    context.fillStyle = "#7ed321";
+
+    context.fillText(
+      `${playerName}`,
+      this.canvas.width / 2,
+      this.canvas.height - 100
+    );
+  }
 }

src/utils/player-utils.ts

@@ -29,9 +29,4 @@ export class PlayerUtils {
 
     return animal;
   }
-
-  public static getColorByPingTime(_ping: number): string {
-    // TODO: implement logic to return color based on ping time
-    return "white";
-  }
 }