My UI devided into 4 big part:
PART 1: Actions tab
[spoiler=Part 1]
-let's start with "main tab". It's the beginning tab where the battle start:
New: . Old:
I keep and rework the old sprites to make people get used to with it much easier than using the new ones. I removed the useless empty space to make those buttons bigger. The new "X" button at the top help you to disconect from battles, that mean it will work as same as logout but you don't realy have to do that.
- Next will be the fight tab when you click the "Fight" button:
New: Holding Mega stone: Holding Z-Move:
Old:
I replaced by the "cancel" button which will save a lot of spaces for every actions tab. When you click the cancel button you will be send to the main tab and cancel everything you haven't finished yet. That also mean this button will work as a "cancel move" button too. After select a move, mega evol or z-move, that button should be flashy like this . I don't know how to make it or what is that calling so I will leave it to you.
This allow you to know which pokemon you are picking move at ( kinda useful for 2vs2 or 3vs3 ) and it also replace the empty space on it if pokemon are not holding mega or z.
- Items tab:
Option 1: Option 2: . Old:
- Switch pokemon tab:
New: . Old:
As we have a bigger tab, choosing pokemon should give more info on the selecting pokemon.
-
PART 2: Main window
[spoiler=Part 2] [spoiler=Part 2]
My main window have 2 parts, 1vs1 and 2vs2. And I won't make 3vs3 due to a very simple reason "It's such an stupid mode". 3vs3 cause a lots of work (for the staff, not for me), lots of bug and no one want to play. I can still add the 3v3 battle UI realy quick if you actually want it.
- 1vs1:
2vs2:
Old:
- Hazards keep the same as before because ppl already get used to with it and it take no places. So there are no reason for me to making new one for that.
- I don't really know what make weather bugged in PRO so I will put the turns counting for it in the battle log instead of showing on screen and keep it as before.
- One more thing I want you to add is when clicking on the opponent's name, it will sending command to inspect that person, so we can easily get more info on OP like rating, guild... ( Making Inspect only work on same location make no sense since U can use reborn bot to do that )
PART 3: Team preview
[spoiler=Part 3] [spoiler=Part 3]
- The first pokemon showed as "Revealed pokemon"
- Second is "Fainted Pokemon"
- 3,4,5 showed as "Unrevealed Pokemon" (Incase u want to keep NPC pokemon Unrevealed)
- 6 is an " Empty slot"
- This tab can be minimize by clicking that bottom button to save screen places if u don't really need it
- If you pointing the mouse over the health bar, it will show a screen with that pokemon info like names, moves used, health in % ... ( just suggestion, I don't have UI for that)
- If you cliking on the revealed pokemons, it will open pokedex with that pokemon's name on searching. ( just suggestion)
PART 4: Battle log
[spoiler=Part 4]
Why I want to have battle log on game chat instead of making it on battle screen?
1. It will save alots of hard work because game chat is a thing that you already have.
2. It save spaces on screen.
3. It's allow you to chat with opponent throught the log like Showdown.
- So, let's explain more on how this thing will work:
Basically, when u start a PvP battle, the system will creat and send you and also your opponent to a private channel. All the logs for that battle will be send to that channel. That mean you can also invite your friends to that channel as spectator throught the given room ID. Ofc they can only see the log and be able to chat there only. But it's just the first part of spectating, It's up to you for developing more on this amazing feature.
+ This PvP channel can't be closed like "Local" channel
+ You are force to leave the current pvp's room if you logout or enter any battle.
+ You can Ignore OP by clicking ignore them if you don't like they chatting in logs.
+ PvE logs can be work the same as this except you can't leave the given room ID.
+ It will need some rework on this chat but still better than making new one.
I'm still new to photoshop and this is my first time making a project on this.
My PSD file Download: DROPBOX
I have so much things and ideas to say but I can't tell it in just 1 post cuz this is a really long post so I might keep edited this post with change logs if I found any news or make any changes.
Changelog:
[spoiler=logs] [spoiler=logs] [spoiler=logs]
[spoiler=1/1/2019]- 1/1/2019:
+ remake the "Cancel" button to make it look better:
Old:. New:
+ Lower the mega button opacity:, it's have a better look now:
+ Added PvP timer to the main window:
+ And some small changes.
[spoiler=2/1/2019]
+ Remake the "Choose pokemon tab"
+ Some small edits on Option 1: Option 2: .
+ Added on the fight tab, which let you know which pokemon you are playing at 2vs2 or 3vs3 and it also replace mega and z-move button when pokemon is not holding that.
+ Remake the z-move button