[Tutorial] How to edit GUI 2021 / Editar Temas 2021

[SpidgetFinner]

2 hours ago, budadeth said:

if you need help with something in particular feel free to ask me here i would gladly help you

I may pick your brain quite a bit then if I run into struggles, tho for now I don't seem to have any major issues lol. Thanks again!

[SpidgetFinner]

So while working on the battle background, I figured I'd download and replace those .xml files the guide says to use. I'm very new to this, so I have no idea how to exactly fix this, but PokeMMO can't load the theme I'm working on and this is the error in the log 😕 

 

 

[SpidgetFinner]

Using the Battle xml stuff to change the battle hud background also seems to have broken my bag and made it impossible to see any items while in a battle, so for now I also can't use that either it seems.

[budadeth]

3 hours ago, SpidgetFinner said:

So while working on the battle background, I figured I'd download and replace those .xml files the guide says to use. I'm very new to this, so I have no idea how to exactly fix this, but PokeMMO can't load the theme I'm working on and this is the error in the log 😕 

 

 

Yes they need to update, with every update on the game those files also need to be updated, give me a few hours will upload new working ones I Let you know later

[SpidgetFinner]

4 minutes ago, budadeth said:

Yes they need to update, with every update on the game those files also need to be updated, give me a few hours will upload new working ones I Let you know later

Thank you very much, I appreciate it!

[budadeth]

2 hours ago, SpidgetFinner said:

Thank you very much, I appreciate it!

this are the files to overwrite for the background: https://www.mediafire.com/file/oqux0icw10f7czv/background.zip/file

 

and this is for the battle hud: https://www.mediafire.com/file/exv02d52k451zau/battle.xml/file

 

if you see something working not propperly or different as the tutorial I made, feel free to ask me, I almost got everything working allright now but I dont have time to update this thou

 

I already update the tutorial with this new files

Edited September 10, 2022 by budadeth

[SpidgetFinner]

50 minutes ago, budadeth said:

this are the files to overwrite for the background: https://www.mediafire.com/file/oqux0icw10f7czv/background.zip/file

 

and this is for the battle hud: https://www.mediafire.com/file/exv02d52k451zau/battle.xml/file

 

if you see something working not propperly or different as the tutorial I made, feel free to ask me, I almost got everything working allright now but I dont have time to update this thou

 

I already update the tutorial with this new files

You're an absolute legend! Works perfect, and things are progressing much smoother now lol

[budadeth]

1 minute ago, SpidgetFinner said:

You're an absolute legend! Works perfect, and things are progressing much smoother now lol

OMG jhahahaha awesome background!!! yes it took time to fully understand but everything can be acchieved just need some patience and determination, hope you end with the theme you like!

[SpidgetFinner]

Any chance anyone could tell me if there's a way to prevent this stretching that occurs when opening the bag during battle?

[Johnwaynee]

1 hour ago, SpidgetFinner said:

 

 

 

Any chance anyone could tell me if there's a way to prevent this stretching that occurs when opening the bag during battle?

 

 

The bigger Battle-Item Selection came with the latest (or one before?) Upate. I assume you can play around with the settings above but havent really f

 ound time and motivation to play around there.

 

Tho, the Stretching looks like dante has 2 expressions 😄

On 9/10/2022 at 7:06 AM, SpidgetFinner said:

Secondly, I've been spending a bit of time here and there editing things for my own GUI, and while testing what shows where before I came accross this guide, I discovered that one of these health bars is actually used for triple+ battles, as you can see in these screenshots.

Yea, the Bars Health/Info Bars are seperated for Normals, Horde and Spectating.

Edited September 12, 2022 by Johnwaynee

[SpidgetFinner]

7 minutes ago, Johnwaynee said:

 

 

The bigger Battle-Item Selection came with the latest (or one before?) Upate. I assume you can play around with the settings above but havent really f

 ound time and motivation to play around there.

 

Tho, the Stretching looks like dante has 2 expressions 😄

Yea, the Bars Health/Info Bars are seperated for Normals, Horde and Spectating.

Ahh, I see! Thank you very much for the helpful info!

[budadeth]

2 hours ago, SpidgetFinner said:

Any chance anyone could tell me if there's a way to prevent this stretching that occurs when opening the bag during battle?

Somehow he still looking good when stretched thou ahahaha im gonna try messing with the settings see if something works

[budadeth]

1 hour ago, SpidgetFinner said:

Ahh, I see! Thank you very much for the helpful info!

I tried messing with the code but seems the order to stretch the bag menu its somewhere else, sorry I cant help you more with that

[SpidgetFinner]

Sadly it seems that fixing the stretching issue with the Bag during battle is beyond me. I was able to reduce the size of the scroll window, but the other parameters don't seem to work or do anything noticable to it sadly. I may just have to deal with stretched Dante & Vergil or have a transparent background, which isn't the worst thing to deal with

 

[budadeth]

17 minutes ago, SpidgetFinner said:

Sadly it seems that fixing the stretching issue with the Bag during battle is beyond me. I was able to reduce the size of the scroll window, but the other parameters don't seem to work or do anything noticable to it sadly. I may just have to deal with stretched Dante & Vergil or have a transparent background, which isn't the worst thing to deal with

 

I found another way wait me

[SpidgetFinner]

47 minutes ago, budadeth said:

I found another way wait me

Really!? You come through clutch yet again! XD

[budadeth]

7 minutes ago, SpidgetFinner said:

Really!? You come through clutch yet again! XD

took a while to do it because I mostly have all my themes edited in some form

but if you overwrite your files with this it should work

https://www.mediafire.com/file/hzz85myx17f6mf8/battlepanels.zip/file

dont forget to make a backup of your theme before trying this

 

the gfx.xml its edited to work with login background edits (only need the main-widget.xml and the background.png correctly placed)

overwrite your gfx.xml and battle.xml with those one

then put battle-framebg inside res with all the other textures

 

this way when battle will shown the battle-framebg and when open the bag will shown the panel of battle-hud

I believe there are more fancy ways to do this, but im not expert 

hope it works for you at first try

let me know if it works, good luck!

[SpidgetFinner]

1 hour ago, budadeth said:

took a while to do it because I mostly have all my themes edited in some form

but if you overwrite your files with this it should work

https://www.mediafire.com/file/hzz85myx17f6mf8/battlepanels.zip/file

dont forget to make a backup of your theme before trying this

 

the gfx.xml its edited to work with login background edits (only need the main-widget.xml and the background.png correctly placed)

overwrite your gfx.xml and battle.xml with those one

then put battle-framebg inside res with all the other textures

 

this way when battle will shown the battle-framebg and when open the bag will shown the panel of battle-hud

I believe there are more fancy ways to do this, but im not expert 

hope it works for you at first try

let me know if it works, good luck!

It worked in replacing the main battle screen, but the bag screen is still using the old one and is still stretched? Not sure what I did wrong lol 

[SpidgetFinner]

While we're on the topic of stretching, anyone know if it's possible to define what point a texture is stretched? For example, here you can see the border around the fight button is really stretched

 

Below is it's corresponding image within the main-hud.png 

 

I want to make it so it stretches the image from somewhere within this white area so that it doesn't stretch and ruin the cut off corner look

 

[budadeth]

1 hour ago, SpidgetFinner said:

It worked in replacing the main battle screen, but the bag screen is still using the old one and is still stretched? Not sure what I did wrong lol 

maybe I expressed wrong

this wont fix the stretching, but will allow you to use differents panels between bag and common fight

battle-framebg works for the common battle

when you enter the bag item menu it will use the battle-hud pannel like this

 

 

 As I told you this dont fix the stretch soo you gonna need to use the image edited to work propperly when stretched check like this

 

this is the original image I use, see in the battle-hud how made it vertically smaller, soo when its stretched dont gonna look as bad

 

the end result will give you this

this one works well

 

 

and if you edit propperly your second panel it should look as good as original, see i did this quick to show, but see how works? still need fixing the resolution thou hehehe

[budadeth]

5 minutes ago, SpidgetFinner said:

While we're on the topic of stretching, anyone know if it's possible to define what point a texture is stretched? For example, here you can see the border around the fight button is really stretched

 

Below is it's corresponding image within the main-hud.png 

 

I want to make it so it stretches the image from somewhere within this white area so that it doesn't stretch and ruin the cut off corner look

 

you can try editing pixel by pixel, seems like you already get it, try making the line more straight and less diagonal till you find it fits propperly withouth getting ruin by the stretching

[SpidgetFinner]

29 minutes ago, budadeth said:

maybe I expressed wrong

this wont fix the stretching, but will allow you to use differents panels between bag and common fight

battle-framebg works for the common battle

when you enter the bag item menu it will use the battle-hud pannel like this

 

 

 As I told you this dont fix the stretch soo you gonna need to use the image edited to work propperly when stretched check like this

 

this is the original image I use, see in the battle-hud how made it vertically smaller, soo when its stretched dont gonna look as bad

 

the end result will give you this

this one works well

 

 

and if you edit propperly your second panel it should look as good as original, see i did this quick to show, but see how works? still need fixing the resolution thou hehehe

Ahh I understand now, that's a creative solution! 

[nurver9]

1 hour ago, SpidgetFinner said:

While we're on the topic of stretching, anyone know if it's possible to define what point a texture is stretched? For example, here you can see the border around the fight button is really stretched

 

Below is it's corresponding image within the main-hud.png 

 

I want to make it so it stretches the image from somewhere within this white area so that it doesn't stretch and ruin the cut off corner look

 

refer to xywh values in the gfx.xml and adjust accordingly. see gfx_ui.xml as well.

find the block where the .png name is listed, try adding or removing splitx / splity, inset flags until you achieve desired result.

you have full control over everything in the user interface, essentially. by studying these image file and area blocks, it will eventually "click" how the game sources assets.

[budadeth]

59 minutes ago, SpidgetFinner said:

Ahh I understand now, that's a creative solution! 

Yes im not expert at all, just trying trough test and error, im glad I could reach you a simple effective solution, even stretching the imagen before its kind of tricky

here its the example and the results

 

[SpidgetFinner]

I can say for certain i didn't expect making a custom theme to be so involved lol. I did manage to sort of get the battle buttons borders to look how I wanted, tho I'm not sure if I'm completely happy with it and may settle for a completely straight edge one.