DEV Community

JustLeviDev
JustLeviDev

Posted on • Edited on

DevBlog - Update 01 - UI Overhaul

Introduction

Hello and welcome back to this Development Blog about the game "The Farm".
Since the last Blog was used as a way to get everyones understanding to what's already in the game, this blog focuses more on one of the newest updates, the UI-Overhaul! (that isn't the only change I made, but those will have their own Blog so stay tuned for that)


What has changed

Since I just wanted the core Mechanics to work properly first, I had decided for the UI being just a few squares with simple colors and that was that.
But since those Mechanics (which can be read about in the previous DevBlog) are now working I decided to make at least the UI look good.


Trading

What it looked like

In case of the Trading-UI, during first Playtests I got the Feedback to have a Button for trading faster, which I added via the Button in the middle.

A picture showing the old User-Interface for Trading

What it looks like now

For the new Version of the Trading-UI there are 2 different Versions.
The first Version will be used to simply unlock certain parts of the Story, new Items or just to get you out of the Tutorial.

A picture showing the new User-Interface for Trading, specifically the Tutorial Version

The second Version will be the mainly used Trading-UI, since it allows for different Trades which will be used to progress through different aspects of the game, each Trade being part of a "Chapter", allowing the Player to decide what Items or what new Information the Player gets first.

A picture showing the new User-Interface for Trading, specifically the standard Version


Chest

What it looked like

For the Chest there are 2 separate parts to the UI:
The Chest-Inventory and the Player-Inventory.
Additionally the Chest have different types of interactions.
Just clicking on an ItemSlot puts the Item from the Chest into the Player-Inventory, or from the Player-Inventory into the Chest (if there is enough space in said Inventory).
While holding left Shift you can move only 1 Item from one Inventory into the other.
While holding left ctrl/strg you move half of the Items in that Slot into the other Inventory; if the amount is uneven you just move half of amount - 1.

A picture showing the old User-Interface for the Chest

What it looks like now

The Chest is still working the same way it did in the Feature-Demo, now only looking A LOT better.
And just to have a little bit of extra flair I added those things in the top-left and bottom-right.
Maybe those will be added to all of the UI-Elements at some point in the future, but currently those are only used in the Chest.

A picture showing the new User-Interface for the Chest


What next?

In the next DevBlog I will talk more about the other Visual-Overhaul I have been working on: The Map.
So if you're interested in hearing about that aspect of the game or would like to support the games development make sure to check out the publicly available Feature-Demo on itch.io, follow me here to be notified of the next DevBlog or just follow me on Twitter, where I'll be giving Updates and Teasers about new changes, new DevBlogs and maybe even an Update to the Demo. (but who knows)


Outro

If you have any Feedback, Ideas or just want to say something feel free to write a Comment under this DevBlog, message me on Twitter or on Discord, whatever you think fits best.
Thank you for your time, I hope you enjoyed this little Blog and I'll see you in the next one, have a good night.

Top comments (0)