Shop UI Wireframe - AlexisBliesener/Bewitched GitHub Wiki

Shop UI Wireframe


Status:

  • Concept
  • In development
  • Playable
  • Finalized

Description

What is this wireframe?
Clear UI system to convey the evocations shop to the player. Includes buying evocations in exchange for souls, swapping evocations, and selling evocations. If the player has 5 evocations, the swap menu shows up and allows the player to swap out an evocation (player has a limit of 5 evocations at a time). Soul count gets deducted and added to based on the bought evocation and swapped evocation prices. Evocations stack if the same ones are bought, and that does not count toward the 5 evocation limit. Stacks are sold all together in the sell menu, for a total price of each evocation added together.


Controls & Input

How does the player interact with it?

  • Selecting own evocations to sell
  • Selecting evocations to buy

System Interaction

What other mechanics or systems does this connect to?

  • In Game Evocations: Picked up evocations will appear on screen to show the player what they have. Bought evocations will go into their hud/inventory, and sold evocations will disappear.
  • Upgrade Pick Up Wireframe: Similar system, but shops are based on currency and not enemy kills & random drops.
  • HUD UI: Changes to evocations will be reflected in the evocations HUD, as well as souls count.

Success Criteria

How do we know itโ€™s working?

  • Intuitive for players to use
  • Supports level design goals
  • Clear visual response to players