RustRoguelike
RustRoguelike copied to clipboard
UI Mockups
Create UI mockup designs.
UI Mockup 1

UI Mockup 2

UI Mockup 3

I realized that I forgot to add the "Info" section that shows information about the tile that is currently under the cursor. I think it is reasonable to imagine where that would go in each case though.
Draw 1 pixel health along bottom of tile, draw 1 pixel energy along left. See if this is better for information.
Use info section for something when not in cursor mode? List of entities and their direction? Likely use it for messages instead.
Next step is to take the first mockup and do one more iteration.
I did some mockups of how the health and energy would look displayed on the tile, and I wasn't especially happy with it. It might be worth it just for the sake of clarity and communication of info, but I wonder if there is a better way we can go about this.
One possible option would be the Caves of Qud route. In their new UI, the health bar is up at the top, but it runs the length of the screen. I think that this might make it easier to track in your peripheral vision.


I will take a shot at setting this UI up. I will need to add skills listed with keys, and the message log.
buttons added to use in the UI for items and abilities
This is what I currently have:

One question on the UI - when should the highlighted buttons be displayed? Is it when the user holds down the key, or when use-mode is active for that item? My current feeling is that it would be when the user holds down the key, since some actions do not make use of use-mode and would never be highlighted.
I could also see highlighting in both cases.
Highlighting when the user holds down the key and highlighting in both cases works for me, its hard to say which is better.

The thing that will have to change to get the highlighting to work: the display system doesn't know about which key is pressed. likely need to add messages for key up and down.
I believe we are basically done with the mockup above. I didn't put in the bar and pips on the bottom of the screen, because we have them at the top.