UI

Principles:

• should be quick and easy to achieve task
• should be obvious WHERE we are and how to get where we want

This are the elements:

• menus
• text boxes
• HUD

Use React to handle UI

https://jslegenddev.substack.com/p/why-use-react-for-game-development

I do like the alpha insettion options on the SNES – where you scroll off the left hand of the page, and loop back around.

Cues from Apple HUI guidelines are useful

Inventory

Well, this below is not a solution, but rather, a rant about how badly inventory systems are invariably done…

https://www.gamedeveloper.com/design/inventory

This is interesting:

Combining items etc.

grid inventory – like diablo

weighted inventory – the witcher

https://pablo.gg/en/blog/coding/creating-a-dialog-box-with-react-for-a-phaser-game

https://pablo.gg/en/blog/coding/how-to-create-a-top-down-rpg-maker-like-game-with-phaser-js-and-react

Diegetic UI

I really like this idea

but, needs to be designed with this as the base line… go HUDless…

https://icewyrmgames.github.io/research/user-interface-design-in-video-games