Difference between revisions of "UI"

From Pearhub Wiki
Jump to navigation Jump to search
m
m
Line 1: Line 1:
The User Interface of the game needs to be as similiar as possible to the UI of the [https://www.pearup.de/ PearUp] website and software.
The User Interface of the game needs to be as similiar as possible to the UI of the [https://www.pearup.de/ PearUp] website and software.
[[File:Mockup UI Main 0.png|thumb|190x190px]]
== Main Screen ==
== Main Screen ==
The main screen will always show the player's level and [[resources]] in the top. In the bottom lie the buttons for the Buy Menu, the Social Menu and the Inventory Menu.
[[File:Mockup UI Main 0.png|thumb|200x200px]]The main screen will always show the player's level and [[resources]] in the top. In the bottom lie the buttons for the Buy Menu, the Social Menu and the Inventory Menu.


=== Clicking on a building ===
=== Clicking on a building ===
When clicking on a building, a small window pops up with more detailed information, like the name, stats (→number of slots, resources produced, sell price), a button to fill a slot with a worker and a button to sell the building.
When clicking on a building, a small window pops up with more detailed information, like the name, stats (→number of slots, resources produced, sell price), a button to fill a slot with a worker and a button to sell the building.


== Buy Menu ==
== Buy Menu ==
[[File:Mockup UI Buy Menu 0.png|thumb|200x200px]]
The buy menu includes a Buildings and Workers tab. Both [[buildings]] and [[workers]] are displayed with a preview image along with their stats (→number of slots, resources produced, price). The player's money is also shown in the corner of the screen.
The buy menu includes a Buildings and Workers tab. Both [[buildings]] and [[workers]] are displayed with a preview image along with their stats (→number of slots, resources produced, price). The player's money is also shown in the corner of the screen.


== Social Menu ==
== Social Menu ==

Revision as of 15:37, 24 November 2021

The User Interface of the game needs to be as similiar as possible to the UI of the PearUp website and software.

Main Screen

Mockup UI Main 0.png

The main screen will always show the player's level and resources in the top. In the bottom lie the buttons for the Buy Menu, the Social Menu and the Inventory Menu.

Clicking on a building

When clicking on a building, a small window pops up with more detailed information, like the name, stats (→number of slots, resources produced, sell price), a button to fill a slot with a worker and a button to sell the building.


Buy Menu

Mockup UI Buy Menu 0.png

The buy menu includes a Buildings and Workers tab. Both buildings and workers are displayed with a preview image along with their stats (→number of slots, resources produced, price). The player's money is also shown in the corner of the screen.



Social Menu

The social menu includes a Players and a Leaderboard tab.

Inventory Menu

The inventory menu displays all of the player's workers.