UI design

[tall path]

I've created a updated UI that tries to stay in line with the current design

https://open-front-pixel-ui.vercel.app/

Please tell me what you think!

Notes:

• I'm definitely not happy with everything yet but its a start (the buttons are ugly af)
• Not for mobile yet!! (Created for 1905 × 911)
• I've tried making it so that content that you interact with never moves if there is a change
• When you toggle the simulation on it will automatically send, events alliance requests and open fronts
• In the player dialog you can send an alliance request that will be accepted 50% of the time
• On an "open front" you can click the left side to send troops and the right side to let the enemy send troops (enemy will also automatically send troops)

Notable changes

• When the event log is collapsed (default) events will still be shown but disappear after 3 seconds and will show a max of 5 events at the same time, when you open the log you see all events
• Alliance requests (and other future events that require an action) are shown at the top with the first request toggled open
• Active battles (Open fronts) show incoming and outgoing troops and changes the color based on who has more troops at the front
• Open fronts stay visible for 3 more seconds after there are no more troops send in either way

[bleak mountain]

I find the pop gold prots cities section a bit big

[tall path]

check! I'll see if I can tweak it, do keep in mind that I havent made it responsive at all yet so I've only tested it for my screen size yet

[sturdy kernel]

its actually really cool design i like it but i think its needs more polishing and it will be perfect

[high sparrow]

Maybe you can reduce leaderboard size by half ngl… too much of player screen is occupied

And this design will be hard for mobile 😔

[tall path]

yeah it is big allthoug it is collapsable

[high sparrow]

If you want some cool ideas

[tall path]

I think I can manage to make it at least as usable as the current one, but I'll start when I know if the desktop design is good enough

[high sparrow]

Nice

The design is very good

[tall path]

I like it! although I did make a design before that was very different than the current one and it was not met positively, but that could have just been because it was ugly xD (I'm not a designer)

[tall path]

thank you! and thanks for checking and feedback!

[high sparrow]

Its actually from a game called warfront.io

Openfront.io is written on its code

[tall path]

ah check!

[high sparrow]

Well till now the code are basically very separate

[tall path]

Yeah I noticed, when I implement the design I also want to look at the frontend setup and maybe move some code into separate components, but when I was working on an alliance overview (that is what got this redesign started) I noticed it was pretty simple to edit the UI its just a bit of a mess in terms of reusabillity

[sturdy kernel]

woah so clean and good design

[high sparrow]

Its actually a concept

the game is not competed yet

• Credit: warfront.io

Feel free to check the out.. its a nice game

[cunning plover]

i like the alliance request thing a lot, might wanna make it smaller tho

[sturdy kernel]

yeah i just played it but it was kinda laggy

[candid stream]

Beautiful

Just, amazing

[inner otter]

bump

[tall path]

I've updated the design so it is responsive now, there seems to be a issue when you resize it opens all dialogs

https://open-front-pixel-ui.vercel.app/

I'm going to start making pr's to implement it

[prisma verge]

Yeah that's super cool.

[raw cairn]

Super cool

[unborn lance]

ne pas mettre les demandes d'alliance en trop grand car les gens spammeront.