RustRoguelike icon indicating copy to clipboard operation
RustRoguelike copied to clipboard

UI Mockups

Open MicroChasm opened this issue 4 years ago • 17 comments

Create UI mockup designs.

MicroChasm avatar Sep 09 '21 03:09 MicroChasm

UI Mockup 1

UI-Mockup1

MicroChasm avatar Sep 10 '21 07:09 MicroChasm

UI Mockup 2 UI-Mockup2

MicroChasm avatar Sep 10 '21 15:09 MicroChasm

UI Mockup 3

UI-Mockup3

MicroChasm avatar Sep 10 '21 16:09 MicroChasm

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.

MicroChasm avatar Sep 12 '21 19:09 MicroChasm

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.

nsmryan avatar Sep 13 '21 02:09 nsmryan

Next step is to take the first mockup and do one more iteration.

MicroChasm avatar Sep 13 '21 02:09 MicroChasm

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.

MicroChasm avatar Sep 13 '21 06:09 MicroChasm

UI-Mockup4

MicroChasm avatar Sep 14 '21 15:09 MicroChasm

UI-Mockup5

MicroChasm avatar Sep 16 '21 06:09 MicroChasm

I will take a shot at setting this UI up. I will need to add skills listed with keys, and the message log.

nsmryan avatar Sep 20 '21 03:09 nsmryan

buttons added to use in the UI for items and abilities

MicroChasm avatar Sep 20 '21 05:09 MicroChasm

This is what I currently have:

image

nsmryan avatar Mar 06 '22 17:03 nsmryan

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.

nsmryan avatar Mar 06 '22 17:03 nsmryan

Highlighting when the user holds down the key and highlighting in both cases works for me, its hard to say which is better.

MicroChasm avatar Mar 07 '22 06:03 MicroChasm

image

nsmryan avatar Mar 08 '22 03:03 nsmryan

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.

nsmryan avatar Mar 10 '22 04:03 nsmryan

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.

nsmryan avatar Jun 12 '22 01:06 nsmryan