Rework Event: Battle UI

[Henkhoornman]

Heres my attempt.

 

I left everything open since i believe a template where the style of PRO could be put into is more valuable then a sketch of a fixed design.

 

I did add a bad example of how it could be used.

 

I forgot to add old assets can be reused

[Letsjack]

Yo staff :D

 

That's my rework of the battle UI. If you have any kind of question about it, just text me :D

(ofc i didnt upload the .psd file, just a quick draft in .jpeg, but it is too heavy so i had to upload on imgur :D)

 

-- >>My UI idea <---

 

Edit: ofc the Mega Evo checkbox could be replaced by the Z-Moves button, depends on the pokemon. About Z-moves, if u click on the checkbox, the regular moves below should switch to the pokemon z-moves :D

Edit2: ofc if u click on the Items button, the panel on the top where choose ur moves will be replaced by a scrollable items list panel

Edit3: The weather or terrain condition could be displayed in another panel at the top of the battle log

 

Edit3.1: weather panel :D

 

--> Battle UI with weather panel <--

 

LastEdit(IHOPE): i imagined that moves like trick room and magic room are visible, otherwise it's easy by adding data at the weather/terrain panel :D

^(it wasnt the last T_T)

EditOfEdit: i dont like at all the (mini) pokemon sprite i used on the fast team picker at the bottom of the panel. They don't match with the pattern. Let me know :D

Edited January 22, 2019 by letsjack

[Aioriaa]

Hi, I hope you like my design for the new battle interface. in each image is synthetically summarized my idea keeping the old style of the pro and adding details that draw attention

 

 

a big hug!!

[Subhammaster]

Hello i am creating this battle ui

I hope u like it

Each player use 1 mega pokemon

and 1 z-move in battle each player have 15 second for select attack in battle

HOW TO USE EXAMPLE

1 on 1

Mega

First select any one mega evolution

or z-move for example I select mega evolution my siczor held mega stone are glow and select any attack

HOW TO Z-MOVE EXAMPLE

First select z-move and Mandibuzz held are glow but not select attack are z-move is attack

2 on 2

Everything are same in 1 on 1 , 2 on 2 and 3 on 3 but each get 15sec for each pokemon for example I use my siczor ''s bug bite in 15sec and again I use my Poiteold "'s rain dance in 15sec total I get 30sec

3 on 3

I hope u like this everything are simple and same not hard to using mega evolution and z-move

Thank you

Edited January 26, 2019 by Subhammaster

[Dmagox]

Good morning, friends of Pokemon Revolution.

 

I will show you my designs of battles 2vs2 and 3v3

the next interface is based on almost the original only that my tastes, I hope you like enjoy the images and thanks for watching them <3

 

Information:

 

I worked on the opposite in the following way.

 

first: in image 1 and image 2 as you can see they have those numbers 99999 design that in such a way you can see the hp of the pokemon that are in battles

 

Second: the movements, by clicking on the fight button shows you the movements that have said pokemon and also the z-mov and the mega-evolution option, by pressing a movement you can choose if you want to cancel or not the movement that has been selected, as seen in image 3 and image 4.

 

third: the climates in battles, and designed a small icon that shows the climate that is used in battle and the number of turn that has that climate, as can be seen in image 5

 

fourth: that box shown in picture 6 shows the stats of the poke and debuff, in picture 7 you can see the effects of battles such as taunted or paralized, toxic etc.

 

fifth: in terms of item and pokemon I like the current designs so I only added the cancel button in case you do not want to choose it or pokemon

 

sixth: that bar that can be seen in the images almost transparent that is the option to register battles there will be displayed all the movements used in battles, that bar is removable can be expanded and contracted by clicking

 

note: the uir button leaves it the same I did not see it necessary to change it, there is also an icon that shows the ranked points of each user as well as their name

 

that's all that was in my reach I hope you enjoy it and thank you

 

image 1[spoiler=more]

 

image 2

image 3

 

 

image 4

 

image 5

 

 

image 6

 

 

image 7

 

image 8

 

image 9

[Atorius]

HERE IS MY DESIGN-

I HOPE YOU WILL LIKE IT

2 vs 2 Battles

https://prnt.sc/mfm3ha

 

3 vs 3 Battles

https://prnt.sc/mfm5m6

 

^_^

[Skyresthd]

Hello everyone here I will leave my UI is not the great thing but I have taken a while to do it from scratch with photoshop, 1 week to be exact, the following format speaks for itself, this format meets the requirements required battle log, space for 2vs2, 3vs3, mega evolution and z-move buttons, apply and rewind buttons, information on climate and field changes, among others Several elements are added that are very striking and that many of the players would love to have on screen, when battling 1- have an avatar that identifies you 2- The number of PvP points 3- The climate is shown on the screen and its duration 4- Most colorful icons There are many more details I will leave many images to see how I look, each and every one of the images, letters, or other elements visible in the images are editable

 

3VS3

 

 

Choose Attack

 

1vs1 And Battle Log

 

 

The pictures of attacks like pokemons can vary from your position I leave it to your imagination I just leave the format of how it should be

 

 

 

2vs2

 

 

 

The battlefield information box is added, in the form of an expandable menu, just by giving it a clip or a touch

 

Battlefield

 

 

Iconos HD

 

width:482pxhttps://pokemonrevolution.net/forum/index.php?attachments/1549223625376-png.65189/&hash=8d11f5be20354a9e6bfa8005832bbeb7[/img]

Well, this was a short demonstration of my ui. I did not have a lot of time to edit or explain the missing elements and that I still do not place it, but I do have thousands of ideas for the game.

 

Sorry for my bad english

 

 

[Mawilight]

I know its super late, but I've only played this game for a day, not even a hour. But I've seen the ingame announcement and went into making this.

 

The overall design of the UI is already nice, I've made some tweaking to incorporate the new mega-evolution and z-move mechanic.

I've tried to stay as close to the overall design as possible and tried to use the same colors as the old UI.

My design is pretty much self explanatory.

 

major changes:

1.) Ive added the pokemon list on the left side for easy access, it also show the status, includes both HP and XP, Held item.

2.) Incorporated Pokemon Showdown style of HP bar with custom status, hazards and stat changes. having Hp in percentage gives players easy time on reading the damage including helping them learn the sets the opponent is running (this is base from my time playing Pokemon Showdown)

3.) On the rightside where the attack use to be, I've made into a Battle Log similar to Pokemon Showdown

4.) Similar to Pokemon Showdown hovering your cursor to the pokemon shows stats

5.) Ive put Field with and info button, this shows weather , how much turn left on other field affecting moves (trick room, rain dance, mirrors, etc.)

6.) staying true to the design at the button same colorway, Ive moved the pokemon's moves with an added Z-move and megavolve options ( if z move is available it shines, vice versa with megastones)

 

TY.

[Linkaros]

Hi, I hope you like my design for the new battle interface. in each image is synthetically summarized my idea keeping the old style of the pro and adding details that draw attention

 

 

a big hug!!

by far best ui i have seen ...amazing job mate

[Bkassem]

Hello, here is something I put together for the rework event.

 

Forgive me in advance, I have no experience doing stuff like this :P