five-on-it / apps/client/src/ui/Overlay

apps/client/src/ui/Overlay

The overlay laid over the canvas: plain React components for the helper UI and the stats and the game's events, never for what is part of the game (the prompt, the phone, the mission panel, the inventory and the panels on slots are drawn in the scene: gui/). The game loop publishes its numbers into a Store; the overlay renders the HUD block (kept as one <pre id="hud"> so the end-to-end tests can read it; the HUD button and H hide it, its hit log among it), the banner of an event (Banner: died, a mission failed or complete, the level reset), the Wanted level (Wanted), the player's stealth (Stealth), the room clock (CityHud), a run's phase, lives, teams' scores, whom a player out of it watches and its results (RunHud, RunResults), the toast of one of the player's creations that ended (CreationToast), the party's leader's lobby to go to or stay out of (LobbyPrompt), the chat (ChatPanel), the legend card (Legend, its Social tab the friends, the party and the room's players), the minimap and, while the game is paused, the pause menu (PauseMenu).

Interfaces

• OverlayProps
• OverlayState
• WeatherRequest

Type Aliases

• PartProps

Functions

• Overlay

References

ChaserRequest

Re-exports ChaserRequest