User Interface Guide: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
== Interface Overview == | |||
The EQ Legends team has updated the UI and game windows to modernize the experience and introduce key quality-of-life improvements. This guide explains how to navigate the interface, adjust its layout, and customize its appearance. | |||
<div style=" | |||
margin: 1.25rem 0; | |||
padding: 1rem; | |||
background: linear-gradient(180deg, rgba(13,18,26,0.88), rgba(8,12,18,0.94)); | |||
border: 1px solid rgba(216,183,92,0.34); | |||
border-radius: 10px; | |||
box-shadow: 0 10px 28px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.04); | |||
box-sizing: border-box; | |||
"> | |||
= | <div style=" | ||
margin-bottom: 1rem; | |||
padding: 0.85rem 1rem; | |||
background: rgba(255,255,255,0.035); | |||
border: 1px solid rgba(216,183,92,0.22); | |||
border-radius: 8px; | |||
color: #aab3c2; | |||
line-height: 1.5; | |||
"> | |||
'''Let’s start with the big picture.''' The sections below correspond to the major pieces of the default EQ Legends user interface. Each entry has space for a screenshot or uploaded image, plus room for usage notes and future expansion. | |||
</div> | |||
<div style=" | |||
display: flex; | |||
flex-direction: column; | |||
gap: 1rem; | |||
"> | |||
< | <div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | ||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Spell Bar.png|Upload Spell Bar image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">1. Spell Bar</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
The spell bar displays the current spells you have memorized. You can cast one spell at a time, and some spells have cooldowns that prevent immediate recasting. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Shows memorized spells. | |||
* Supports hotbutton assignment. | |||
* Expanded spell capacity may become available later. | |||
</div> | |||
</div> | |||
</div> | |||
* | <div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | ||
* | <div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | ||
* | [[:File:EQL UI Hotbar.png|Upload Hotbar image]] | ||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">2. Hotbar</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
Hotbars are where you assign macros, abilities, items, socials, and spells. Your primary hotbar is tied to the number keys by default. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Hold right-click on a hotbutton to modify or clear it. | |||
* Hold left-click to move a hotbutton to another slot. | |||
* More hotbars can be opened and customized. | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | |||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Inventory.png|Upload Inventory image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">3. Inventory</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
Press <code>I</code> to open and close your inventory. The inventory has been condensed to the parts of the UI needed to play the game: gear, bags, stats, and currency. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Press <code>I</code> to toggle inventory. | |||
* Press <code>B</code> to toggle bags. | |||
* Right-click bags to open them. | |||
* Gear and item tooltips appear on mouseover. | |||
</div> | |||
</div> | |||
</div> | |||
=== | <div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | ||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Chat Window.png|Upload Chat Window image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">4. Chat Window</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
The chat window has two tabs open by default: one for social chat and one for combat chat. You can customize chat windows deeply. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Right-click to change chat size. | |||
* Right-click to create additional chat windows. | |||
* Window locking is recommended once your layout is set. | |||
* Most UI windows can be locked. | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | |||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Player Window.png|Upload Player Window image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">5. Player Window</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
The player window shows your level, current class information, current state, health, mana, stamina, EXP, and AA EXP. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Displays core character resources. | |||
* Shows EXP and AA EXP. | |||
* Tracks current player state, such as resting. | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | |||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Target Window.png|Upload Target Window image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">6. Target Window</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
The target window shows information about your current target. It also includes target-of-target style information. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Displays current target details. | |||
* Shows target-of-target information. | |||
* The separate Target of Target window is available with <code>Ctrl+U</code>, but may not be necessary. | |||
</div> | |||
</div> | |||
</div> | |||
= | <div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | ||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Multi Menu.png|Upload Multi-Menu image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">7. Multi-Menu</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
EQ Legends combines game menus, window toggles, and the EQ button into a multi-menu. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Includes''' | |||
* Action window | |||
= | |||
EQ Legends | |||
* Action window | |||
* Inventory window | * Inventory window | ||
* Alternate Advancement window | * Alternate Advancement window | ||
| Line 149: | Line 158: | ||
* Options window | * Options window | ||
* Help window | * Help window | ||
* Instance window | * Instance window | ||
* Marketplace | * Marketplace | ||
* EQ Button | * EQ Button | ||
</div> | |||
</div> | |||
</div> | |||
< | <div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | ||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Group Window.png|Upload Group Window image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">8. Group Window</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
The group window is also used for raids. The title changes automatically from group to raid, and the window expands or shrinks as members join or leave. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Shows party or raid members. | |||
* Automatically adapts to group or raid status. | |||
* Managed by the game automatically. | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 1rem; padding: 1rem; border: 1px solid rgba(216,183,92,0.28); border-radius: 9px; background: rgba(255,255,255,0.035);"> | |||
<div style="min-height: 180px; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(216,183,92,0.42); border-radius: 8px; background: rgba(0,0,0,0.20); text-align: center;"> | |||
[[:File:EQL UI Extended Target Window.png|Upload Extended Target image]] | |||
</div> | |||
<div> | |||
<div style="font-family: Georgia, 'Times New Roman', serif; color: #d8b75c; font-weight: 700; font-size: 1.25rem; letter-spacing: 0.05em; margin-bottom: 0.35rem;">9. Extended Target Window</div> | |||
<div style="color: #aab3c2; line-height: 1.55;"> | |||
The extended target window shows active combat targets and helps track additional enemies or encounter targets. | |||
</div> | |||
<div style="margin-top: 0.65rem; color: #aab3c2;"> | |||
'''Key details''' | |||
* Displays active combat targets. | |||
* Useful for group, raid, and multi-target encounters. | |||
* Helps monitor important enemies during combat. | |||
</div> | |||
</div> | |||
</div> | |||
< | </div> | ||
</div> | |||
Revision as of 13:50, 18 May 2026
Interface Overview
The EQ Legends team has updated the UI and game windows to modernize the experience and introduce key quality-of-life improvements. This guide explains how to navigate the interface, adjust its layout, and customize its appearance.
Let’s start with the big picture. The sections below correspond to the major pieces of the default EQ Legends user interface. Each entry has space for a screenshot or uploaded image, plus room for usage notes and future expansion.
The spell bar displays the current spells you have memorized. You can cast one spell at a time, and some spells have cooldowns that prevent immediate recasting.
Key details
- Shows memorized spells.
- Supports hotbutton assignment.
- Expanded spell capacity may become available later.
Hotbars are where you assign macros, abilities, items, socials, and spells. Your primary hotbar is tied to the number keys by default.
Key details
- Hold right-click on a hotbutton to modify or clear it.
- Hold left-click to move a hotbutton to another slot.
- More hotbars can be opened and customized.
Press I to open and close your inventory. The inventory has been condensed to the parts of the UI needed to play the game: gear, bags, stats, and currency.
Key details
- Press
Ito toggle inventory. - Press
Bto toggle bags. - Right-click bags to open them.
- Gear and item tooltips appear on mouseover.
The chat window has two tabs open by default: one for social chat and one for combat chat. You can customize chat windows deeply.
Key details
- Right-click to change chat size.
- Right-click to create additional chat windows.
- Window locking is recommended once your layout is set.
- Most UI windows can be locked.
The player window shows your level, current class information, current state, health, mana, stamina, EXP, and AA EXP.
Key details
- Displays core character resources.
- Shows EXP and AA EXP.
- Tracks current player state, such as resting.
The target window shows information about your current target. It also includes target-of-target style information.
Key details
- Displays current target details.
- Shows target-of-target information.
- The separate Target of Target window is available with
Ctrl+U, but may not be necessary.
EQ Legends combines game menus, window toggles, and the EQ button into a multi-menu.
Includes
- Action window
- Inventory window
- Alternate Advancement window
- Achievements window
- Options window
- Help window
- Instance window
- Marketplace
- EQ Button
The group window is also used for raids. The title changes automatically from group to raid, and the window expands or shrinks as members join or leave.
Key details
- Shows party or raid members.
- Automatically adapts to group or raid status.
- Managed by the game automatically.
The extended target window shows active combat targets and helps track additional enemies or encounter targets.
Key details
- Displays active combat targets.
- Useful for group, raid, and multi-target encounters.
- Helps monitor important enemies during combat.