Difference between revisions of "User interface"
From SpiralKnights
(New and shiny UI) |
|||
| Line 1: | Line 1: | ||
We have endeavored to give a new and improved UI for Spiral Knights. The game window consists of a few different parts and taken up by the world view. Here you can see your knight walking around in Haven - use your left mouse button, the WASD keys, or the arrow keys to move. Alternatively you can set your movements and actions by hitting ESC and going to [[controls]]. | We have endeavored to give a new and improved UI for Spiral Knights. The game window consists of a few different parts and taken up by the world view. Here you can see your knight walking around in Haven - use your left mouse button, the WASD keys, or the arrow keys to move. Alternatively you can set your movements and actions by hitting ESC and going to [[controls]]. | ||
| − | <!--- | + | <!---Use the Left mouse button to access other information such as your knight information, arsenal, mail, etc. ---> |
| − | Use the Left mouse button to access other information such as your knight information, arsenal, mail, etc. | + | |
| − | ---> | + | |
While in Haven, a player's [[rank]] will be shown with their name above their heads. Player [[color|names]] will show white, green if a guildmate and blue if a friend. This color scheme is also used on the mini map. | While in Haven, a player's [[rank]] will be shown with their name above their heads. Player [[color|names]] will show white, green if a guildmate and blue if a friend. This color scheme is also used on the mini map. | ||
[[Image:Interface_new.png|center|450px|thumb|Game Interface]]. | [[Image:Interface_new.png|center|450px|thumb|Game Interface]]. | ||
==Top left== | ==Top left== | ||
| − | + | [[Image:UI-top_left.png|thumb|Character portrait open]] | |
The top left corner of the screen includes: | The top left corner of the screen includes: | ||
| − | * | + | * A visible character portrait - serves as a shortcut to the Social menu to easily use the party, friends and guild options. |
* Health bar - health pips change from red to silver and finally gold as more health is accrued. Additionally, a percentage health display is present. | * Health bar - health pips change from red to silver and finally gold as more health is accrued. Additionally, a percentage health display is present. | ||
* Shield power meter. | * Shield power meter. | ||
| + | {{clear}} | ||
==Bottom left== | ==Bottom left== | ||
| − | + | [[Image:UI-bottom_left.png|thumb|The menu widget]] | |
The bottom left corner of the screen includes: | The bottom left corner of the screen includes: | ||
*[[Image:Icon-settings_new.png|25px]] The [[main menu]] | *[[Image:Icon-settings_new.png|25px]] The [[main menu]] | ||
| Line 22: | Line 21: | ||
*[[Image:Icon-mail_new.png|25px]] The [[mail|uplink]] menu | *[[Image:Icon-mail_new.png|25px]] The [[mail|uplink]] menu | ||
* The bottom left corner of the screen, above the menus, displays your [[chat]]. Type ENTER or / to initiate chat. Type R to reply to a private message. | * The bottom left corner of the screen, above the menus, displays your [[chat]]. Type ENTER or / to initiate chat. Type R to reply to a private message. | ||
| + | {{clear}} | ||
==Top right== | ==Top right== | ||
| − | + | [[Image:UI-top_right.png|thumb|Minimap and Activities menu]] | |
The top right corner of the screen includes: | The top right corner of the screen includes: | ||
| − | * | + | * [[Minimap]] - featuring enemy locations, NPCs, instance selections and zoom. |
** While in the Clockworks, you can click [[Image:Icon-HUD lock.png|20px]] in the top right or use the '''Q key''' to lock and unlock your HUD (heads-up display). This will prevent you from accidentally clicking open your character or arsenal while in the heat of battle. | ** While in the Clockworks, you can click [[Image:Icon-HUD lock.png|20px]] in the top right or use the '''Q key''' to lock and unlock your HUD (heads-up display). This will prevent you from accidentally clicking open your character or arsenal while in the heat of battle. | ||
* [[Activities]] panel - contains all the various activities that you can perform in a given zone, such as direct access to [[Ready Room]], [[Guild Hall]], [[mission]] selections, [[party|party finder]] or the [[Supply Depot]]. | * [[Activities]] panel - contains all the various activities that you can perform in a given zone, such as direct access to [[Ready Room]], [[Guild Hall]], [[mission]] selections, [[party|party finder]] or the [[Supply Depot]]. | ||
| − | + | {{clear}} | |
==Bottom right== | ==Bottom right== | ||
| − | + | [[Image:UI-bottom_right.png|thumb|Character and energy widget]] | |
The bottom right corner includes: | The bottom right corner includes: | ||
* Access to your [[character]] | * Access to your [[character]] | ||
* Access to your [[loadout]]s | * Access to your [[loadout]]s | ||
* [[Arsenal]] - this option will also allow you view the [[crowns]] and [[energy]] that your knight holds. | * [[Arsenal]] - this option will also allow you view the [[crowns]] and [[energy]] that your knight holds. | ||
| + | * [[Energy]] widget - when needed, the energy widget will show up above this widget and under the Activities Panel. To view it any time, open your Arsenal. | ||
| + | {{clear}} | ||
== In the Clockworks == | == In the Clockworks == | ||
Revision as of 19:08, 3 April 2013
We have endeavored to give a new and improved UI for Spiral Knights. The game window consists of a few different parts and taken up by the world view. Here you can see your knight walking around in Haven - use your left mouse button, the WASD keys, or the arrow keys to move. Alternatively you can set your movements and actions by hitting ESC and going to controls. While in Haven, a player's rank will be shown with their name above their heads. Player names will show white, green if a guildmate and blue if a friend. This color scheme is also used on the mini map.
File:Interface new.png
Game Interface
Top left
File:UI-top left.png
Character portrait open
The top left corner of the screen includes:
- A visible character portrait - serves as a shortcut to the Social menu to easily use the party, friends and guild options.
- Health bar - health pips change from red to silver and finally gold as more health is accrued. Additionally, a percentage health display is present.
- Shield power meter.
Bottom left
The bottom left corner of the screen includes:
The main menu
The help menu (F1: support, controls, energy, clockworks, monsters)
-
The social menu (F6)
The event hub (F7)
The uplink menu
- The bottom left corner of the screen, above the menus, displays your chat. Type ENTER or / to initiate chat. Type R to reply to a private message.
Top right
The top right corner of the screen includes:
- Minimap - featuring enemy locations, NPCs, instance selections and zoom.
- While in the Clockworks, you can click
in the top right or use the Q key to lock and unlock your HUD (heads-up display). This will prevent you from accidentally clicking open your character or arsenal while in the heat of battle.
- While in the Clockworks, you can click
- Activities panel - contains all the various activities that you can perform in a given zone, such as direct access to Ready Room, Guild Hall, mission selections, party finder or the Supply Depot.
Bottom right
The bottom right corner includes:
- Access to your character
- Access to your loadouts
- Arsenal - this option will also allow you view the crowns and energy that your knight holds.
- Energy widget - when needed, the energy widget will show up above this widget and under the Activities Panel. To view it any time, open your Arsenal.
In the Clockworks
- A weapon selection 'wheel' that allows you to see the name and icon of your weapons
- Targeting UI that displays information about whatever you are targeting. For monsters this includes health, attack types and weaknesses.
- Monster and player damage flash effects for better clarity in combat.
- Vials and Capsule Belt featuring an additional slot for a Vitapod.
