Nanos World new UI Ideas (Menu, Servers, ...)

[Falaxir]

Hello!

Again, a big message. I made some design ideas for a new UI in nanos world. Theses are only ideas, there is also some choices that i made that i am not sure if this will works well if nanos world get a new UI from my ideas (color, ...). This is a followup to my very old server browser suggestion : #183 (that is very outdated) Made with powerpoint because why not.

EDIT

check : https://github.com/nanos-world/issues/issues/432#issuecomment-942757623 for a more up to date design !

UI

Menu

Lots of changes here! First the main buttons are centered, so there is: Settings, Play, Vault, Market, Exit. Then there is some utility buttons at the top, theses will stay each time you open the menu. We have :

• The gear to open the settings
• The house to go back home
• The account avatar and username. When clicked, display user info and linked accounts
• The friend list icon when clicked to display friends, join them, see who is playing the game, ...
• The party system. With the player at the left the party leader, At the right the last added player, button to add another player, how many more are in the party.
• News and changelog
• Achievements
• Open the nanos world doc
• Notifications (see below for details)

The vault (and also the market soon) can display a combination of both some filters from the server list and the information when mouse hovers. So the user can find precisely what he wants.

Play

Choose between solo and multiplayer EDIT: Should be better to do instead : New Game - Join Game

Solo

I changed the steps to create a new game, now each steps are represented in a top progress bar that we can click to go to each steps. And a search bar to reseach for gamemode name, author, tags. The Gamemode, Map, Packages, Assets will be the same as this image but with different content corresponding to the type. When hovering a gamemode, some more information are displayed like :

• More Info button : to display more information about the gamemode like creator, more images, reviews, tags, ...

Info

Some redisgn here and added the server logo and lan only inputs And a question mark when hovering display more information about a specific input

Server

Some changes here, first there is a top menu where we can choose server that have a specific gamemode or map or name or tag. The interface for theses will be probably the same as when selecting a gamemode from "new game" menu. The servers can be sorted from theses fields and be reversed depending of what the user search and wants. Also choosing to display only specific type of servers like favorites, hide passworded and empty servers, ... It looks a bit crowded so there might be a better implementation than that. The server image can be a gif but it will be only played when mouse is hovering the server.

Notifications

A notification panel on the menu. For showing more info on what is happening on the menu like for example downloading package, see if there was an error, ... Not sure for this way of displaying the notification...

Other infos

Tags

I talked about tags, but what does that means ? It should be good to be able to define custom tags for every packages, gamemode, server, asset. With that we can find some packages when searching for specific therms and combinaisons like roleplay+military+fr or golf+race The tags may be defined like this (server cfg, assets.toml, package.toml)

  tags = ["nanos", "french", "english", "eng", "race", "fun", "stonks", "fr"]

End

That's it! If you have any suggestions or ideas you can comment below. stonks

[olivatooo]

Falaxir, you rock man!

[NotGaylien]

[Falaxir]

😅 Yes, Osu! Lazer was my inspiration for the first ideas.

New Design idea! WAY BETTER for me

After some thinking, i have a new design ideas that i think is waaayyyy better than the one i did before : I seperated the buttons. We have the top bar for essential gameplay features such as settings, new game, join game, vault, marketplace, notifications. And then a bottom bar for social stuff like profile, friends, news, sucess, documentation, party and a exit button. Dont know what to put at the center, so maybe integrate the main website inside ? 😍

Small change on server list

I also changed just a bit the server browser here. I added the QUICK PLAY button to enter a specific ip address and port. This is essential. Now since the buttons are always displayed at the top bar, no need to add the title. So the server bar is less crowded. Again, not sure for the choices of colors.

If you have new ideas, you are welcome ! stonks