Monster Survivors Template Documentation
  • Welcome
  • CHARACTER
    • Add a Character
    • Starting Ability
  • Stages
    • Stage Creator
    • Tracks And Clips
    • Stage Settings
    • Create a Stage
  • Enemies
    • Simple Enemies
    • Ranged Enemies
    • Bosses
    • Add a Simple Enemy
    • Add a Boss
  • Abilities
    • Ability Types
    • Abilities System Structure
    • Add Abilities
  • Upgrades
    • Upgrade Types
    • Upgrades System Structure
    • Add an Upgrade
  • Game structure
    • Main Menu Scene
    • Game Scene
  • Input
    • Input System
    • Menu Navigation
  • Known Issues
    • IOS Build
Powered by GitBook
On this page
  • Navigation Inside Pages
  • Button Highlights
  1. Input

Menu Navigation

PreviousInput SystemNextIOS Build

Last updated 1 month ago

Starting with the version 1.0.2 of the template we use default ui navigation that comes with Input System.

Navigation Inside Pages

Every scene you want to have UI navigation in should have game object with the Input System UI Input Module Component attached.

For every page you must ensure the following:

  1. It assigns a one of it's buttons as selected when opened using EventSystem.current.SetSelectedGameObject(button.gameObject);

  2. Subscribe to the GameController.InputManager.onInputChanged event. If the new InputType is not UIJoystick, than assigns a one of it's buttons as selected again.

  3. All of it's buttons can navigate only to each other. Use Navigation field of a Button Component.

  4. Every Button Component that can be selected also has to have Highlightable Button UI Component.

Button Highlights

The arrows are spawned inside Highlights Parent Canvas, that is a child of the Input Manager Game Object from the Main Menu scene. This canvas is drawn on top of every other canvases to prevent hierarchy from interfering with the arrows

If the active input type is Gamepad or Keyboard, the selected button that has Highlightable Button UI Component attached will be highlighted with two small animated arrows. The prefab for the arrows "Button Selection Arrow" is located here: You can change it with any other image you want, animated or not.

Highlighted button