Added a toggle for the Alternate View inside the game menu. Useful for mobile users, since they have no access to the SPACE hotkey

src/client/graphics/layers/OptionsMenu.ts

@@ -7,7 +7,7 @@ import { GameView } from "../../../core/game/GameView";
 import { Layer } from "./Layer";
 import { GameUpdateType } from "../../../core/game/GameUpdates";
 import { UserSettings } from "../../../core/game/UserSettings";
-import { RefreshGraphicsEvent } from "../../InputHandler";
+import { AlternateViewEvent, RefreshGraphicsEvent } from "../../InputHandler";
 
 const button = ({
   classes = "",
@@ -52,6 +52,15 @@ export class OptionsMenu extends LitElement implements Layer {
 
   private hasWinner = false;
 
+  @state()
+  private alternateView: boolean = false;
+
+  private onTerrainButtonClick() {
+    this.alternateView = !this.alternateView;
+    this.eventBus.emit(new AlternateViewEvent(this.alternateView));
+    this.requestUpdate();
+  }
+
   private onExitButtonClick() {
     const isAlive = this.game.myPlayer()?.isAlive();
     if (isAlive) {
@@ -153,6 +162,11 @@ export class OptionsMenu extends LitElement implements Layer {
             ? "hidden"
             : ""}"
         >
+          ${button({
+            onClick: this.onTerrainButtonClick,
+            title: "Toggle Terrain",
+            children: "🌲: " + (this.alternateView ? "On" : "Off"),
+          })}
           ${button({
             onClick: this.onToggleEmojisButtonClick,
             title: "Toggle Emojis",