file-arrow-upUpgrades Page

The Upgrades Page is a UI page located inside the Main Menu scene. You can access it by pressing the right icon on the Dock. It allows the player to purchase and upgrade various upgrades.

Upgrades Page

Overview

The main area of the Upgrades Page is a scrollable grid that displays Upgrade Cards - UI elements showing the upgrade’s name, level, icon, and a button to increase its level for a price.

When the player clicks on a card, an Expandable Popup opens. This popup displays the detailed description of the upgrade and shows how the upgrade’s values will change at the next level.

Expandable upgrade popup

Prefab Structure

The Upgrades Page prefab has a simple and well-organized structure:

  • Gold Indicator - Displays the player’s current amount of gold.

  • Main Panel - Contains decorative elements and a Scroll View with a Grid View component attached to its content.

  • Info Label - A small text label that instructs the player how to open the expanded popup.

Upgrades Page prefab

Upgrade Card Prefab Structure

Each Upgrade Card prefab represents a single upgrade and contains the following elements:

  • Upgrade Image - A unique sprite that visually represents the upgrade.

  • Upgrade Title Text - Displays the name of the upgrade.

  • Upgrade Level Text - Shows the current level of the upgrade.

  • Gamepad Selector - A highlight indicator that appears when the player navigates to the card using a gamepad.

  • Purchase Button - A button that allows the player to increase the upgrade’s level.

    • Includes a Price Label showing the cost of the next level.

Upgrades Card Prefab

Expandable Upgrade Popup Prefab Structure

When the player selects an upgrade card, an Expandable Popup appears, providing more detailed information.

The popup consists of the following elements:

  • Background Image - A dark, semi-transparent background that blocks raycasts to the UI behind it and increases popup visibility.

  • Cards Selector - A custom component that allows the player to navigate between upgrades within the popup without closing it.

  • Description Block - A container that displays the upgrade description and stat change information for the next level.

Expandable Upgrade Popup prefab

Last updated