Post news RSS LBKR - UI Overhaul

Allright! I'm back online... for real this time, let me start by telling you all that I'm sorry for the delay, I thought I managed to fix the internet problems I had a few months ago but I woke up the morning after my "fix" only to see that it was broken again.

Posted by on

Due to the amount of changes and updates made to the game during my offline time I've decided to split the dev. report into "smaller" articles on more specific game elements to (hopefully) not drown you readers in an ocean of text, in this article I'll go through the updated User Interface and the following articles will pop up within a day or two. They are prepared, only need to capture some screenshots and perhaps go through the text again to make sure it's all accurate.

For anyone who's interested to know, the article parts will pop up in the following order

1) UI Overhaul

2) LBKR story / Extended chapters

3) Characters / Monsters / Item updates

UI Overhaul - Redesign

Many elements of the LBKR UI felt really clumsy to me atleast so I did want to update it for the coming release of LBKR, I did not expect to do as many changes as I did in the end but I think the result was descent enough!

The GameJolt login panel, seen in the first page of the Main Menu now start minimized, I saw no reason to have it take up half the screen by default as it is not mandatory to sign in to game jolt in order to play the game.

On to the heads up display, as can be seen in the following screenshots in this article the quickbar at the lower right of the screen has been replaced with a pop-up menu, the functionality is the same as in previous versions but it's a little bit neater, also the experience bar in the middle of the screen has been scrapped and replaced by the small orange wheel at the lower left quickbar.

Furthermore the name of the current map and map/section-location (ie dungeon level) can no longer be seen in the uper right corner of the screen. The location name can still be seen by opening the Game Menu (Esc), it's also printed each time you enter a new map but that text will fade out after a few seconds.

uiMapSectionTitle

The new fading text object is also used in order to reveal the area name each time you locate a hidden room.

I think these changes has helped to keep the screen less jittered with various texts, images and what-not and provides a more clean layout.I've also increased the size of the dialogue pop-up windows in order to provide a more easy-to-read text area.

UI Feedback for new game mode

I can't remember if I've posted here about the upcoming game mode, I'm sure I have done it on twitter though. But in any case, a "Hardcore" game mode will be implemented, ie. if your character dies, it stays dead.

While playing in this game mode the game track combat and world statistics and certain events in-game that in the end, result in a score value for a hardcore-character scoreboard.

The scoreboard can be accessed from the Main Menu button "Badass History" (New in upcoming v2.26), while the scoreboard currently only store local character scores I plan on having the scores uploaded for online-comparison and such later on.

uiBadassRanking

Your character's current badass ranking can be seen in the lower right of your character profile window. (As long as the character's created in the "hardcore" mode.)

The death screen also has another appearance while playing in hardcore mode, instead of respawn-choices the game will print a summary of your character's stats and actions throughout the game and calculate a score based on those.

UI Tooltips / Instructions

I've added multiple tooltips to various UI/gameplay elements, in order to give better feedback to the player on how things in the game work. As an example, the "Increase Tier" and "Equip Ability" buttons in the Ability window have received such tooltips, explaining what the buttons does and also how equiping an ability works.

Log Window

The Log/Journal window has been changes alot, first of all, the main window takes up less space on screen and only display the log list(s) and world and mission updates.

uiLogStyle

When opening a log to read a new window will pop up on screen with the log data printed.Do note that in the log list, logs that have not yet been read are now flagged "Unread". Also each log type now use it's own icon. ( There are 4 types of logs, Com Signal (Radio transmissions), Personal Logs/Notes, E-mails, Beastiery entries. )

uiLogBeastieryuiLogBeastiery01


All beastiery entries have received two new fields, "Common Locations" that reveal in what maps you are most likely to encounter the monster, comes in handy when trying to complete certain Bounty Contracts, and "Combat Notes".

uiLogReadFlag

The Combat Notes field reveal some combat statistics, behaviour or other tips regarding the monster's weakness or powers.

Ability Window

Looking at the ability window, the amount of free ability points that you can currently spend on upgrading your abilities is now printed at the lower center of the ability window. Furthermore all ability tooltips have been re-written and now also use rich-text in order to mark down key parts of the tooltip with colored text.

Inventory & Item UI

Some major changes has been done to the item tooltips, each item property has received a specific icon to help quickly identify the property type, the background of the item tooltip windows are now less opaque and weapon tooltips now reveal the weapon's "Armor Piercing" rating.

uiTooltipStyle

Tooltips for mission-specific items now display "Mission Item" as title instead of "Quest Item" as it did earlier.

In the inventory window you can see that some rearrangements has been made to the "Selected Item" panel, it display a default item tooltip to the far left, with the item's properties revealed.

Hints / Indicators

I've changed the style of the interaction hint, making it more apparent, it's also animated now, giving a smooth look when poping up on screen.

uiHintFunc

Depending on what you can interact with the icon at the center of the interaction hint will change, if you can speak to an NPC a speech-bubble will appear, if you can open a door or loot the old "Pointing-hand" icon appears, etc.

uiHintSpeak

The map-name/area-location text that appear at the start of each map is now animated and the experience/level meter will play an animation aswell when you level up. I've also fixed an issue with the game logics that prevented the mission indicator/tracker to load the last tracked mission when a new map was started.

Mission / Bounty Contract window

I've reduced the transparency of the bounty overview window that pops up when you click on a bounty contract, also the "Bounty Reputation" and "Bounty Mark" fields/icons have been rigged with tooltips to explain their purpose for the player.

uiMissionContracts01

I've moved the Bounty Contracts panel beneath the mission window as the window would go off-screen if the player were running the game in a screen ratio of 5:4 or 4:3

Also all contract-controls (Abandon Bounty/Turn in Bounty) have been moved to the contract pop-up window.

uiMissionContracts03

That's it for this time, I'll return real soon with a progress update regarding the five new chapters of LBKR!

Comments
booman
booman

Awesome update! I love the new HUD... simple and very effective.
Thank you for all the other menu improvements as well.
Keep up the hard work!

Reply Good karma Bad karma+2 votes
Kakburk Author
Kakburk

Thank you! That is what I was trying to achieve. :)

Reply Good karma+1 vote
Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.