Jump to content

[Tutorial] How to edit GUI


Recommended Posts

Regarding Client Customization

So here its my tutorial on how to edit GUI in PokeMMO, it will show you some basic things and tips.

If you have any suggestion, question, etc just ask.

Also I am not native English speaker so there probably will be some "unique" sentences or errors, sorry for that.

List of Editable Files

List of editable files

\data\gui\login.xml - Contains all data about GUI

\data\gui\cursors.xml - cursors...

\data\gui\res\icons\ - Icons in games like cross when you are deleting friend or taking away hold item.

\data\gui\res\arrow-black-down

\data\gui\res\arrow-down

\data\gui\res\arrow-up

\data\gui\res\battle-hud.png - Battle Hud

\data\gui\res\bg.png - Login Background

\data\gui\res\monster-types.png - Types - fire, normal, water, etc

\data\gui\res\status-ailments.png - Status Ailments - Burned, frozen, etc

\data\gui\res\user-interface.png - more bellow

Image 1

This is main part, it contains some tips and how to change buttons, windows and stuff via TWL Theme Editor. Pretty big image.

picture1.png

Image 2

Here its list of what is what in user-interface.png.

picture2.png

Image 3

How to edit GUI without TWL only through user-interface.png, + some tips.

picture3.png

Image 4

Here its how to make super simple "plastic" button.

picture4.png

Image 5

And finally how to change fonts.

picture5.png

I hope its not confusing and good luck with your future GUIs :)

Link to post
  • Replies 92
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Regarding Client Customization So here its my tutorial on how to edit GUI in PokeMMO, it will show you some basic things and tips. If you have any suggestion, question, etc just ask. Also I am n

Finish, i have no fucking idea what TWL is.

For these wondering how to change the login screen, after Unova update:     Step 1: Add these text blocks to the following files:   main-widgets.xml <theme name="loging

Posted Images

There is a tutorial from [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"][member='InnerMobius'][/url]: [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"]https://forums.pokem...g-for-fire-red/[/url], however its only for fire red rom (i think). I have no idea how to edit SS/HS rom.

Link to post

[quote name='Zoubek' timestamp='1362752937' post='222180']
There is a tutorial from [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"][member='InnerMobius'][/url]: [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"]https://forums.pokem...g-for-fire-red/[/url], however its only for fire red rom (i think). I have no idea how to edit SS/HS rom.
[/quote] Thats acutally fine, given the fact ss/hs look better then the other one, I can use it as a set one.

thanks for that

-------------------------

EDIT: I noticed thats just for trainers, it didnt go into how to do so with pokemon, it was kinda confusing as well.

I tried editing a pokemon sprit in but it went all werid colors, I think there may be some color limit to the program that the other thread is suggesting.
that or i didnt follow it right as its a little confusing.


Perhaps you could make a new one?

Link to post

Most of it is outdated now, but it still should give you idea what to do. Ill update it when I have some time.

 

Awesome, I'm excited to attempt editing the GUI, mostly for themes and such. The new look is sexy, but I would definitely like to play around with it.

Link to post

All i wanna do it make the colors brighter without changing the text. yet, ever try at it the IV cal stops working :/

That's because the IV calc is designed to read the default font. If you want it to read a brighter color it would need to be reprogrammed.

Link to post

Yes and No, general use is same but you need to edit different files - instead of user-interface.png you are editing monster-info.png, main-hud.png and battle-hud.png. I am trying to kick myself into finishing new tut but... it may take a while.

Link to post

Hey guys, just download a theme, but the part where it shows your money and the time is white: [spoiler]1FpzvZB.png[/spoiler]. I can easily replace it with the default theme file but i dont know what file it is. 

 

Its not easy to replace, because this part is on one of the image files, so you must edit the whole image, with the new icons.

Also after the newest update, the matchmaking dont work too, you must replace the theme.xml file for it, and some other file from the ui folder (one called "matchmaking.xml"), anyways if you dont know how to edit the image with the icons, you cant do anything

(I think this question need a new topic and no an post on this tutorial)

Link to post

Its not easy to replace, because this part is on one of the image files, so you must edit the whole image, with the new icons.

Also after the newest update, the matchmaking dont work too, you must replace the theme.xml file for it, and some other file from the ui folder (one called "matchmaking.xml"), anyways if you dont know how to edit the image with the icons, you cant do anything

(I think this question need a new topic and no an post on this tutorial)

Thats what i figured. That theme has soo much wrong with it. SimpleBlack is my current. Really like your work as well man. Keep it coming!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.