Jump to content

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


Recommended Posts

[How to edit GUI/Themes

~

Como editar Themes/GUI ]

 

ENGLISH: 

Spoiler

[How to edit GUI/Themes

~

 

 

First of all I want to clarify that I do this for enjoyment and help the community, I am not looking for any kind of benefit or recognition, I enjoy editing but I am not a professional and I learned all this by myself through trial and error, apologize if I have not been able to clarify everything, but I think there is enough here to create a theme how you want to do it, i will link my video on "how to edit themes" guide but in spanish if you want to see this in movement with all the examples: https://youtu.be/rEHjY7PbMgY

 

 

 

EN: Im taking advices on how to improve this tutorial, please leave your feedback if have some advices

and if you need some help feel free to comment i will help personally everyone

 

~

 

What we need? - Any image editor that allows working with transparencies

 I recommend using GIMP, the free and open source alternative to PS, just google GIMP and the download will be right there on his official page, this software works almost in any kind of PC

 

 

 

Working area /

Spoiler

1138391174_Sinnombre25.jpg.6ebb68601a1cb4c5511a8f2c391cb222.jpg

 

you can see here the area of the image where you can edit, every image has a working area try find yours if you needed

 

 

 

~

 

Starting 

 

 First we gonna use the "default" theme from PokeMMO as a base, make a copy of it

Inside the PokeMMO main folder go to Data, Themes, there you find the "default" theme

 

 

 

1899222592_Sinnombre.jpg.30f54d52bc7da887164b9bf9b81804cb.jpg

 

Inside the "default" theme copy, go to "res"

 

 

1953303794_Sinnombre1.jpg.7a184ccaf9c85ddac30d4efa95023e5e.jpg

 

In the "res" folder we gonna find all the main textures to edit our theme

 

 

 

485650067_Sinnombre2.thumb.jpg.02d0879007da3cdc9875c71f2956afe7.jpg

 

Now we open the first one with our image editor

 

 

 

 

battle-hud:

Spoiler

battle-hud.png.fecb9e26f827aeca2d8e0c039dba1cb0.png

~

 In the upper left corner we have this little icons

 

1792744874_Sinnombre4.jpg.ce8a8f823324da02723f2c471a4c4e75.jpg

 

This works as the healt bar, the red colours are the ones used when HP its below 25%, the yellow one its when hp is between 25%-50% and the green one between 50%-100%, if you gonna edit this have in mind that for example the green part is that only pixel line, if you paint green on another part you gonna mess with the red, or the yellow one

 

 

~

 

2018291758_Sinnombre5.jpg.8981b9195c412d30d7b9922e6fa907f3.jpg

 

Just besides the health bar one, to the right, we have this little contour, its the contour of the health bar

 

~

 

261903087_Sinnombre6.jpg.34b7a5c145835805f59c67ace80e221b.jpg

 

Just below the previous two, we have this little one, its the experience bar, the black pixels are the contour and the white ones are the inside color bar

 

~

 

1260381744_Sinnombre7.jpg.60a81cd484613879b3fc7f1c617a5714.jpg

 

in the upper middle of battle-hud we see this little squares, this ones correspond for the PVP timer count, the black square its the bar of time already passed and the grey one its the bar time still left

 

~

 

 

387103454_Sinnombre8.jpg.cacc369c77004908512af8aa6719258b.jpg

 

 In the upper right corner we have this image that wors when an ability its triggered

 

~

 

317979531_Sinnombre9.jpg.93df1f895f95d71adfa9b190ee326fe4.jpg

 

Now the life bars, i marked in red the ones that dosnt work, also that little EXP dosnt work, the ones the game use its the two left, the bigger one, its our life bar, and the thiner one its our enemies lifes bar

 

~

 

667565038_Sinnombre10.jpg.838fe5a2dd4049e1192684c2253031f7.jpg

 

This ones are the buttons with "back" and "accept" commands, the upper ones are the common ones, the white outlined are the ones when you choose or press them and the lower ones i couldnt find what they do, i think they dont work

 

~

 

273879712_Sinnombre11.jpg.11e76c777c0e3065ba89ba1c781f2683.jpg

 

the next ones, are the squares while choosing pokemon, the dark one its the common background, and the blue shade one its the one you choose, the two upper ones also works while pressing but i couldnt figure it out propperly

 

~

 

96452225_Sinnombre12.jpg.a79c7cd3f4a0b92ac98aa10f46e73385.jpg

 

this part of the image works for the background of battle text but you need to activate it by a code, i show it later at the end of tutorial, by default its only a slight black gradient 

 

 

 

~bg:

Spoiler

bg.png.38b6149fecf7622ed3718d594b0cb789.png

 

This is the logo that appear on the login screen, you can edit it however you want as long as it is an image in .PNG format

 

 

we have another images to edit but I will not give much detail about them because they are not a big deal and you can see for yourself how they work

~ breedwindow - doesnt work - 

~ contestgui - i dont know if works, if does, as the name says would work on the contests menus - 

~ cursors - i dont know if this works neither i never tried them - 

~ effectivity_buttons - this ones works, check your lenguage for the propper one: EN, english, ES, spanish, FR, french, ZH, chinesse i think -

~ main-hud:

Spoiler

main-hud.png.f82e13872d5634c00fbb34d1a301184a.png

~

365113291_Sinnombre13.jpg.fb2401943a56a1856af63ee23248dadd.jpg

 

First we have this squares, they work while choosing between the actions on battle like choosing attack, pokemon, or flee from battle, i marked the unused ones with red, and the ones that work are 1: as common background, 2 and 3 when u choosing them, and 4 its the one when you put your mouse on it

 

 

~

 

1755815586_Sinnombre14.jpg.b7f3e40eca9492bc16c7ba1c44c253fa.jpg

 

Next to the right we have this 3 squares, they work in the bag menu while in battle, 1 its the common arrow to move left or right inside the item bag, 2 its the one that shows when we put the mouse on it, but also its used in all the items listed on the bag, 3 its also like 1 an arrow to move between the different types of items, but 3 works like an "off" button, i mean, when you cant click anymore shows this 3 square

 

 

~

 

951542352_Sinnombre15.jpg.983efb5627bb88b57d6ea666259d6473.jpg

 

I marked in red the ones that dosnt work, if they do i couldnt find what they did, we have first 1, that square works as the background for the new and other updates featured on the login screen, 2 works with our pokemon team, when expand out pokemon team square it would use this image

3 works on the chat screen, its the background of the top of it, when you see the different channels like, trade, global, battle etc, and 4 its the background but for the actual chat where you see all the chatting, will use this square 4 colour as background

 Finally its the square I marked with blue, that works as the background of the items on the battle screen, when you choose between items of the bag, their background wold be that

 

 

~

 

1937795897_Sinnombre16.jpg.0eb293769ec31c83419b6d1bc6320408.jpg

 

Finally we have a few icons, this ones appear on the upper left corner and you can find what they do by yourself its not hard to guess them

 

 

 

~ MainTCTexture:

Spoiler

MainTCTexture.png.27594a6c7a934efaca6afd4bd43ddcbf.png

 

This is an easy one, its the trainer card where you see your character info etc, you can edit as much as you want but dont forget where everything goes, like the name, the badges, all the other info, I show it with an example

 

 

 

1669788384_Sinnombre17.jpg.e6ea6f65732e74fd4426abeed76462e7.jpg

 

 

~ monster-info:

Spoiler

monster-info.png.842983811e51fc5406a755edc56c2cd2.png

 

511306511_Sinnombre18.jpg.c963903a5e073870648e6f156525c8b6.jpg

 

I marked with red the ones that dosnt work, the upper icons, as you may know, works as the pages info for the pokemon, like the first one its the main info, the second its the stats, third the EVs and fourth IVs etc

With green we have the background for almost everything thats in the pokemon info like, names, stats, abillity, etc

 That thin line with a few colors on it, its used as EXP bar and also for show stats on the pokedex

The blue colored one its the attack frames

the big square its the background when you open the info of a pokemon thats obvious I dont think I need to explain how that works

 

 

 

~ pc_slots:

Spoiler

pc_slots.png.ed540c6575e6e439e23572673ccf5775.png

 

EN: Those are the pokemon frames that shows on the PC boxes, the left ones are the common frames background for every pokemon on the box, the one with diagonal sprites its the ones that cant be used by level cap, the middle ones, light blue, are used when choosing multiple pokemon, the right ones, green, are used when looking for something especific on the advanced searching

 

ES: Esos son los marcos de Pokémon que se muestran en las cajas de la PC, los de la izquierda son los marcos de fondo comunes para cada Pokémon en la caja, el que tiene lineas diagonales es el que no se puede usar por el límite de nivel, los del medio, azul claro , Se usan al elegir varios Pokémon, los de la derecha, verdes, se usan cuando se busca algo específico en la búsqueda avanzada

 

~ pc-window:

Spoiler

pc-window.png.7ae38d3001b14698b98672184a26c679.png

 

This is the background you see when enter the PC boxes system, nothing much to say just remember where the buttons goes

 

2124429280_Sinnombre19.jpg.a60517c8a7dafd6a09c7fb4fa0eaec6e.jpg

 

 

~ pokemmo_ui:

Spoiler

pokemmo_ui.png.8549d7d95862878d10c6224006a23b32.png

 

996932762_Sinnombre20.jpg.130ecdf8a59eac641d327ab80f9e2300.jpg

 

 first this squares in the upper right corner, they are the background and frame for almost every text in the game the upper ones are the common background, and the lower ones are the frame when you press them

 

~

 

2069458149_Sinnombre21.jpg.6c8a9ce438bd984681b2459cb8e27277.jpg

 

 upper left we have this squares, the red ones doesnt do anything, the one that works do it as background for some menus, like a background layer

 

 

~

 

1296866774_Sinnombre22.jpg.e1cdf21c4af4bd8f424c24e44d948c4e.jpg

 

 in the middle left we have this ones, they are the main background of all menus, the lower one, the one with two tones, works in the titles, as a top layer

 

 

~
 

1767683606_Sinnombre23.jpg.925ceb3551f81dc58f362f72dc5e7d86.jpg

 

 this ones works as pages for the bag menu and a few other, the middle one doesnt work i think, just the left and right one

 

 

~

 

787855225_Sinnombre24.jpg.3c94fbe941ebc420aa73ef7be92af25a.jpg

 

finally we have this ones, the red ones dosnt work, the other ones finish the last details of the theme, they work mostly as buttons, title backgrounds, text backgrounds, if you need propper examples go to my video (minute 23) link on the top of this post 

 

 

 

~ text-bubble:

this work as the background where the text dialogues goes on, you can edit as much as you can but dont forget you gonna need to read the text

 

 

 

~~

EXTRAS

~

 

~Edit type icons:

 

 

monster-types.png.42593d6758f3407cc2e5a7f8798860e3.png 

 

This are the attack types you can edit them as much as you want meanwhile you get inside the area of every type, remember also this types has a name for every language, edit the one you need

 

 

 

~

 

~ Custom background: (Update feb-2022)

 

thanks to: @hannahtaylor

 

 Go to Pokemmo main folder, then to data, then to themes, inside your theme find the "gfx.xml" open it with a notepad or anything that can edit text, then add this at the end of the text:

 

<images file="res/background.png">
        <area name="login-background" xywh="*"/>
    </images>

 

copy that just before the last </themes>

 

then go to main-widgets.xml and copy this:

<theme name="logingui">
        <param name="background"><image>login-background</image></param>
    </theme>

 

again just before the last </theme>

 

now you gonna need to put a .PNG image named "background" inside your theme "res" folder 

If you cant do that just download this:

https://www.mediafire.com/file/oqux0icw10f7czv/background.zip/file

 and overwrite the files inside your theme folder

 

 

 

~

 

~ Battle text background / (updated feb-2022)

thanks to  @swmas

 

Remember at the beginning with the battle hud i said the battle text background needs a code?

 here it is: https://www.mediafire.com/file/exv02d52k451zau/battle.xml/file

copy that file into the "ui" folder inside your theme and overwrite your battle.xml

this will enable the lower section of the battle-hud

 

Spoiler

battle-hud23.jpg.69b6ffcb093107c429a6fb7e0142e3cf.jpg

the one inside the red square

 

 

 

 

 

 now you can edit that area of the battle-hud or just delete it to have a cleaner battle screen with just the battle text

 

 

 

hope all this helps you out! enjoy!

 

 

Next: How to change the fonts

 

if you cant wait can see it here anyways 

https://www.youtube.com/watch?v=-0-AGPv5mVQ&t=237s (Spanish/Español)

 

 

 

ESPAÑOL: 

Spoiler

 

~

Como editar Themes/GUI ]

 

 

 

 

 Primero que nada quiero aclarar que hago esto por disfrute y ayudar a la comunidad, no busco ninguna clase de beneficio ni reconocimiento, disfruto editando pero no soy ningún profesional y todo esto lo aprendí por mi mismo mediante prueba y error, sepan disculpar si no he podido en clarecer todo, pero creo que aquí hay lo suficiente para crear un tema como ustedes quieran hacerlo, igualmente les dejare mi video de edición de temas si quieren ver la edición en movimiento con todos los ejemplos: https://youtu.be/rEHjY7PbMgY

 

 

 

 

 Estoy recibiendo consejos sobre cómo mejorar este tutorial, deje sus comentarios si tiene algunos consejos

Y si necesitas ayuda, no dudes en comentar, ayudaré personalmente a todos.

~

 

 

 

Que necesitamos? - Cualquier editor de imagenes que permita el trabajo con transparencias

 Yo recomiendo usar GIMP, la alternativa gratis y de codigo abierto a PS, solamente googlear GIMP y la descarga estara ahi mismo en su sitio oficial, este programa funciona en casi cualquier tipo de PC

 

Area de trabajo:

Spoiler

1138391174_Sinnombre25.jpg.6ebb68601a1cb4c5511a8f2c391cb222.jpg

 

 

 

ES: puedes ver aquí el área de la imagen donde puedes editar, cada imagen tiene un área de trabajo intenta encontrar la tuya si es necesario

 

~

 

Empezando

 

 

 

 

 Primero usaremos el tema "predeterminado" de PokeMMO como base, haga una copia de el

Dentro de la carpeta principal de PokeMMO, vaya a Data, Themes, allí encontrará el tema "default"

 

1899222592_Sinnombre.jpg.30f54d52bc7da887164b9bf9b81804cb.jpg

 

 

 

Dentro de la copia de "default", vamos a "res"

 

1953303794_Sinnombre1.jpg.7a184ccaf9c85ddac30d4efa95023e5e.jpg

 

 

 

dentro de "res" encontraremos las texturas principales para editar nuestro tema

 

485650067_Sinnombre2.thumb.jpg.02d0879007da3cdc9875c71f2956afe7.jpg

 

 

 

Ahora abrimos la primera con nuestro editor de imagenes

 

 

battle-hud:

Spoiler

battle-hud.png.fecb9e26f827aeca2d8e0c039dba1cb0.png

~

 

 En el extremo izquierdo superior tenemos este pequeño icono

1792744874_Sinnombre4.jpg.ce8a8f823324da02723f2c471a4c4e75.jpg

 

 

Esto funciona como la barra de vida, el color rojo se usa cuando los puntos de salud estan debajo de 25%, la parte amarilla se usa cuando los HP estan entre25%-50% y la parte verde es entre 50%-100%, si van a editar esto tengan en cuenta por ej: la parte verde es solamente esa linea verde, si ustedes pintan de verde alguna otra parte, estropearan ya sea la parte roja, o la amarilla

~

 

2018291758_Sinnombre5.jpg.8981b9195c412d30d7b9922e6fa907f3.jpg

 

 

Justo al lado de la barra de salud, a la derecha, tenemos este pequeño contorno, es el contorno de la barra de salud

~

 

261903087_Sinnombre6.jpg.34b7a5c145835805f59c67ace80e221b.jpg

 

 

 Justo debajo de los dos anteriores, tenemos este pequeño, es la barra de experiencia, los píxeles uguus son el contorno y los blancos son la barra de color interior

~

 

1260381744_Sinnombre7.jpg.60a81cd484613879b3fc7f1c617a5714.jpg

 

 

 en el medio superior de battle-hud vemos estos pequeños cuadrados, estos corresponden al recuento del temporizador de PVP, el cuadrado uguu es la barra del tiempo ya pasado y el gris es la barra de tiempo que aún queda

~

 

 

387103454_Sinnombre8.jpg.cacc369c77004908512af8aa6719258b.jpg

 

 

En la esquina superior derecha tenemos esta imagen que funciona cuando se activa una habilidad

~

 

317979531_Sinnombre9.jpg.93df1f895f95d71adfa9b190ee326fe4.jpg

 

 

 Ahora las barras de vida, marqué en rojo las que no funcionan, también esa pequeña EXP no funciona, las que usa el juego son las dos que quedan a la izquierda, la más grande, es nuestra barra de vida y la más delgada es de nuestros enemigos

~

 

667565038_Sinnombre10.jpg.838fe5a2dd4049e1192684c2253031f7.jpg

 

 

 Estos son los botones con los comandos "atrás" y "aceptar", los superiores son los comunes, los delineados en blanco son los que eliges o presionas y los inferiores no pude encontrar lo que hacen, creo ellos no funcionan

~

 

273879712_Sinnombre11.jpg.11e76c777c0e3065ba89ba1c781f2683.jpg

 

 

 los siguientes, son los cuadrados al elegir pokemon, el oscuro es el fondo común, y el tono azul es el que eliges, los dos superiores también funcionan al presionar pero no pude averiguar correctamente cuando funcionan

~

 

96452225_Sinnombre12.jpg.a79c7cd3f4a0b92ac98aa10f46e73385.jpg

 

 

 esta parte de la imagen funciona para el fondo de la batalla de texto, pero debe activarla mediante un código, lo muestro más tarde al final del tutorial, por defecto es solo un ligero degradado de uguu

 

 

~bg:

Spoiler

bg.png.38b6149fecf7622ed3718d594b0cb789.png

 

 

 Este es el logo que aparece en la pantalla de inicio de sesion, pueden editarlo como quieran siempre y cuando sea una imagen en formato .PNG

 

 

~ breedwindow -  - no funciona

~ contestgui - - si funciona lo desconozco

~ cursors -  - si funciona lo desconozco

~ effectivity_buttons - cada lenguaje tiene el suyo : EN, ingles, ES, español, FR, frances, ZH, chino i think - esto funciona pero se explica solo, solo usen el lenguaje que les corresponda

 

~ main-hud:

Spoiler

main-hud.png.f82e13872d5634c00fbb34d1a301184a.png

~

365113291_Sinnombre13.jpg.fb2401943a56a1856af63ee23248dadd.jpg

 

 

 

Primero tenemos estos cuadrados, funcionan al elegir entre las acciones en la batalla como elegir ataque, pokemon o huir de la batalla, marqué los que no se usan con rojo, y los que funcionan son 1: como fondo común, 2 y 3 cuando los eliges, y 4 es cuando pones el mouse sobre él

~

 

1755815586_Sinnombre14.jpg.b7f3e40eca9492bc16c7ba1c44c253fa.jpg

 

 

 

Junto a la derecha tenemos estos 3 cuadrados, funcionan en el menú de la mochila durante la batalla, 1 es la flecha común para moverse hacia la izquierda o la derecha dentro de la mochila de items, 2 es la que muestra cuando ponemos el mouse sobre ella , pero también se usa en la lista todos los items en la mochila, 3 también es como 1 una flecha para moverse entre los diferentes tipos de elementos, pero 3 funciona como un botón de "apagado", es decir, cuando ya no puedes hacer clic muestra este cuadrado 3

~

 

951542352_Sinnombre15.jpg.983efb5627bb88b57d6ea666259d6473.jpg

 

 

 Marqué en rojo los que no funcionan, si lo hacen, no pude encontrar lo que hicieron, tenemos primero 1, ese cuadrado funciona como fondo para las nuevas y otras actualizaciones que aparecen en la pantalla de inicio de sesión, 2 funciona con nuestro equipo pokemon, al expandir el cuadro del equipo, usaría esta imagen

3 funciona en la pantalla de chat, es el fondo de la parte superior, donde se ve los diferentes canales como, comercio, global, batalla, etc., y 4 es el fondo, pero para el chat real donde se ve todo lo que escriben, usará el color del cuadrado 4 como fondo

Finalmente, es el cuadrado que marqué con azul, que funciona como fondo de los items en la pantalla de batalla, cuando eliges entre items de la mochila, su fondo será ese

~

 

1937795897_Sinnombre16.jpg.0eb293769ec31c83419b6d1bc6320408.jpg

 

 

 Finalmente tenemos algunos iconos, estos aparecen en la esquina superior izquierda y puedes encontrar lo que hacen por ti mismo, no es difícil adivinarlos.

 

~ MainTCTexture:

Spoiler

MainTCTexture.png.27594a6c7a934efaca6afd4bd43ddcbf.png

 

 

 

 Esta es fácil, es la tarjeta de entrenador donde ves la información de tu personaje, etc., puedes editar todo lo que quieras pero no olvides dónde va todo, como el nombre, las insignias, toda la otra información, lo muestro con un ejemplo

 

1669788384_Sinnombre17.jpg.e6ea6f65732e74fd4426abeed76462e7.jpg

 

 

~ monster-info:

Spoiler

monster-info.png.842983811e51fc5406a755edc56c2cd2.png

 

511306511_Sinnombre18.jpg.c963903a5e073870648e6f156525c8b6.jpg

 

 

Marqué con rojo los que no funcionan, los íconos superiores, como sabrán, funcionan como la información de las páginas para el pokemon, como el primero es la información principal, el segundo son las estadísticas, el tercero los EV y el cuarto IV, etc.

Con el verde tenemos el fondo para casi todo lo que hay en la información de Pokémon, como nombres, estadísticas, habilidades, etc.

Esa delgada línea con algunos colores, se usa como barra EXP y también para mostrar estadísticas en la pokedex.

El de color azul es el marco de los ataques

El cuadrado grande es el fondo cuando abres la información de un Pokémon, eso es obvio, no creo que deba explicar cómo funciona.

 

~ pc_slots:

Spoiler

pc_slots.png.ed540c6575e6e439e23572673ccf5775.png

 

 

 Esos son los marcos de Pokémon que se muestran en las cajas de la PC, los de la izquierda son los marcos de fondo comunes para cada Pokémon en la caja, el que tiene lineas diagonales es el que no se puede usar por el límite de nivel, los del medio, azul claro , Se usan al elegir varios Pokémon, los de la derecha, verdes, se usan cuando se busca algo específico en la búsqueda avanzada

 

~ pc-window:

Spoiler

pc-window.png.7ae38d3001b14698b98672184a26c679.png

 

 

 Este es el fondo que ve cuando ingresa al sistema de cajas de PC, no hay mucho que decir, solo recuerde dónde van los botones

2124429280_Sinnombre19.jpg.a60517c8a7dafd6a09c7fb4fa0eaec6e.jpg

 

 

~ pokemmo_ui:

Spoiler

pokemmo_ui.png.8549d7d95862878d10c6224006a23b32.png

 

996932762_Sinnombre20.jpg.130ecdf8a59eac641d327ab80f9e2300.jpg

 

 

 primero estos cuadrados en la esquina superior derecha, son el fondo y el marco para casi todos los textos del juego, los superiores son el fondo común y los inferiores son el marco cuando los presionas

~

 

2069458149_Sinnombre21.jpg.6c8a9ce438bd984681b2459cb8e27277.jpg

 

 

 

 arriba a la izquierda tenemos estos cuadrados, los rojos no hacen nada, el que funciona lo hace como fondo para algunos menús, como una capa de fondo

~

 

1296866774_Sinnombre22.jpg.e1cdf21c4af4bd8f424c24e44d948c4e.jpg

 

 

 

 en el medio a la izquierda tenemos estos, son el fondo principal de todos los menús, el inferior, el de dos tonos, funciona en los títulos, como capa superior

~
 

1767683606_Sinnombre23.jpg.925ceb3551f81dc58f362f72dc5e7d86.jpg

 

 

 

 estos funcionan como páginas para el menú de la mochila y algunos otros, el del medio no funciona, creo, solo el izquierdo y el derecho

~

 

787855225_Sinnombre24.jpg.3c94fbe941ebc420aa73ef7be92af25a.jpg

 

 

 finalmente tenemos estos, los rojos no funcionan, los otros terminan los últimos detalles del tema, funcionan principalmente como botones, fondos de título, fondos de texto, si necesita ejemplos adecuados, vaya al enlace de mi video (minuto 23) en la parte superior de esta publicación 

 

~ text-bubble:

 

 esto funciona como fondo donde se ven los diálogos de texto, puede editar tanto como quieran, pero no olvide que necesitará leer el texto 

 

 

~~

EXTRAS

~

 

 

~Editar iconos de tipos:

 

monster-types.png.42593d6758f3407cc2e5a7f8798860e3.png 

 

 

 

 Estos son los tipos de ataque, puedes editarlos tanto como quieras mientras te mantengas dentro de área de cada tipo, recuerda también este tipo tiene un nombre para cada lenguaje, edita el que necesites

 

~

 

 

~ Fondo de pantalla personalizado: (Actualizado feb-2022)

/ gracias a: @hannahtaylor

 

 

 

Vaya a la carpeta principal de Pokemmo, luego a data, luego a themes, dentro de su tema busque "gfx.xml", ábralo con un bloc de notas o cualquier cosa que pueda editar texto, luego agregue esto:

 

<images file="res/background.png">
        <area name="login-background" xywh="*"/>
    </images>

 

copiar eso justo antes del ultimo </themes>

 

Luego vayan a "main-widgets.xml" y copian esto en el:

<theme name="logingui">
        <param name="background"><image>login-background</image></param>
    </theme>

 

otra vez justo antes del ultimo </theme>

 

ahora tendrás que poner una imagen .PNG llamada "background" dentro de la carpeta "res" de tu tema

Si no puede hacer eso, simplemente descargue esto:

 https://www.mediafire.com/file/oqux0icw10f7czv/background.zip/file

y sobrescriba los archivos en la carpeta de su tema

 

~

 

~  Fondo del texto de batalla (Actualizado feb-2022)

 gracias a @swmas

 

 

 

Spoiler

battle-hud23.jpg.69b6ffcb093107c429a6fb7e0142e3cf.jpg

la que esta dentro del cuadro rojo

 

 

¿Recuerdas que al principio con el hud de batalla dije que el fondo del texto de batalla necesita un código?

aquí está: https://www.mediafire.com/file/exv02d52k451zau/battle.xml/file

cópialo en la carpeta "ui" dentro de tu tema y sobrescribe tu battle.xml

esto habilitará la sección inferior del battle-hud (ver el spoiler)

 

 

ES: ahora puede editar esa área del hud de batalla o simplemente eliminarla para tener una pantalla de batalla más limpia con solo el texto de batalla

 

 

espero que todo esto les ayude! que lo disfruten!

 

 

 Proximo: Como cambiar las fuentes/tipografias

 sino pueden esperar aqui pueden verlo

https://www.youtube.com/watch?v=-0-AGPv5mVQ&t=237s (Spanish/Español)

 

 

EN: some things are outdated or missing, feel free to ask me anything I help anyone that need it

 

ES: Algunas cosas quedaron desactualizadas o estan faltando, sientanse libre de preguntarme lo que sea que ayudare a todos los que lo necesiten

 

Edited by budadeth
updated extra files/ actualizados archivos extra
Link to comment
  • budadeth changed the title to [Tutorial] How to edit GUI 2021 / Editar Temas 2021
  • 2 months later...

Muy buen aporte @budadeth!

Me estoy comiendo mucho la cabeza para poder cambiar el fondo de las batallas pero no soy capaz. Me parece bastante feo el actual y me gustaría poder poner algo así (adjunto imagen) pero no doy con el lugar. 


Con el tema de crearlos en photoshop y tal no tengo problema, sino con donde está el default para poder sustituirlo.

Un saludo

1.JPG

Edited by Rodriss
Link to comment

The guide is great but its very confusing seeing both the English version and the Spanish version right next to each other. I think people will have an easier time reading if you could split the English and the Spanish version. Create a spoiler and add the English or the Spanish version and leave the other one as it is. 

 

Link to comment
On 7/2/2021 at 3:46 PM, Rodriss said:

Muy buen aporte @budadeth!

Me estoy comiendo mucho la cabeza para poder cambiar el fondo de las batallas pero no soy capaz. Me parece bastante feo el actual y me gustaría poder poner algo así (adjunto imagen) pero no doy con el lugar. 


Con el tema de crearlos en photoshop y tal no tengo problema, sino con donde está el default para poder sustituirlo.

Un saludo

1.JPG

te referis al mundo detras?? bueno eso no es parte de los temas, y lo usa del juego de Pkemon uguu, de poder editarse seria con algo de la ROM imagino

Link to comment
20 hours ago, EricRasp said:

The guide is great but its very confusing seeing both the English version and the Spanish version right next to each other. I think people will have an easier time reading if you could split the English and the Spanish version. Create a spoiler and add the English or the Spanish version and leave the other one as it is. 

 

done thanks for the feedback

Link to comment
  • 4 weeks later...

Im trying to edit an existing theme. In the pokedex there should be green and blue highlights for caught and OT pokemon. but OT hightlight is not visable like traded or even default (like it should be). what file contains these?

Spoiler

dex.png.84baf812d60dd7680a502a52f760f326.png

Spoiler

dex2.png.90c1d688821e278399bb3527cc833c74.png

 

Edited by Pandalorian
spoiler images
Link to comment
  • 1 month later...
On 7/28/2021 at 1:21 PM, Pandalorian said:

Im trying to edit an existing theme. In the pokedex there should be green and blue highlights for caught and OT pokemon. but OT hightlight is not visable like traded or even default (like it should be). what file contains these?

  Hide contents

dex.png.84baf812d60dd7680a502a52f760f326.png

  Hide contents

dex2.png.90c1d688821e278399bb3527cc833c74.png

 

sorry the wait I been inactive

thats actually a good question... you still need help with that? If you solve you can share the info please will be good for upgrading this guide (im gonna try anyways to find it out)

Link to comment
On 9/19/2021 at 8:56 PM, budadeth said:

sorry the wait I been inactive

thats actually a good question... you still need help with that? If you solve you can share the info please will be good for upgrading this guide (im gonna try anyways to find it out)

thanks for the response, i ended up using the default xml file that affected the pokedex. (no changes i made seemed to make a difference) 
this latest update tho broke my theme even more since they added color coding to the item prices in GTL. 

Link to comment
6 hours ago, Pandalorian said:

thanks for the response, i ended up using the default xml file that affected the pokedex. (no changes i made seemed to make a difference) 
this latest update tho broke my theme even more since they added color coding to the item prices in GTL. 

use the new xml to fix it, copy them to your theme, if you did edit some of them you may have to re-edit them

Link to comment
于2021/4/14 AM3点53分,budadeth 说:

[How to edit GUI/Themes

~

Como editar Themes/GUI ]

 

ENGLISH: 

  恢复隐藏内容

[How to edit GUI/Themes

~

 

 

First of all I want to clarify that I do this for enjoyment and help the community, I am not looking for any kind of benefit or recognition, I enjoy editing but I am not a professional and I learned all this by myself through trial and error, apologize if I have not been able to clarify everything, but I think there is enough here to create a theme how you want to do it, i will link my video on "how to edit themes" guide but in spanish if you want to see this in movement with all the examples: https://youtu.be/rEHjY7PbMgY

 

 

 

ADVICE: Themes not working on android devices unless you have a rooted device, if you have then follow this guide also: 

---->

EN: Im taking advices on how to improve this tutorial, please leave your feedback if have some advices

and if you need some help feel free to comment i will help personally everyone

 

~

 

What we need? - Any image editor that allows working with transparencies

 I recommend using GIMP, the free and open source alternative to PS, just google GIMP and the download will be right there on his official page, this software works almost in any kind of PC

 

 

 

Working area /

  恢复隐藏内容

1138391174_Sinnombre25.jpg.6ebb68601a1cb4c5511a8f2c391cb222.jpg

 

you can see here the area of the image where you can edit, every image has a working area try find yours if you needed

 

 

 

~

 

Starting 

 

 First we gonna use the "default" theme from PokeMMO as a base, make a copy of it

Inside the PokeMMO main folder go to Data, Themes, there you find the "default" theme

 

 

 

1899222592_Sinnombre.jpg.30f54d52bc7da887164b9bf9b81804cb.jpg

 

Inside the "default" theme copy, go to "res"

 

 

1953303794_Sinnombre1.jpg.7a184ccaf9c85ddac30d4efa95023e5e.jpg

 

In the "res" folder we gonna find all the main textures to edit our theme

 

 

 

485650067_Sinnombre2.thumb.jpg.02d0879007da3cdc9875c71f2956afe7.jpg

 

Now we open the first one with our image editor

 

 

 

 

battle-hud:

  恢复隐藏内容

battle-hud.png.fecb9e26f827aeca2d8e0c039dba1cb0.png

~

 In the upper left corner we have this little icons

 

1792744874_Sinnombre4.jpg.ce8a8f823324da02723f2c471a4c4e75.jpg

 

This works as the healt bar, the red colours are the ones used when HP its below 25%, the yellow one its when hp is between 25%-50% and the green one between 50%-100%, if you gonna edit this have in mind that for example the green part is that only pixel line, if you paint green on another part you gonna mess with the red, or the yellow one

 

 

~

 

2018291758_Sinnombre5.jpg.8981b9195c412d30d7b9922e6fa907f3.jpg

 

Just besides the health bar one, to the right, we have this little contour, its the contour of the health bar

 

~

 

261903087_Sinnombre6.jpg.34b7a5c145835805f59c67ace80e221b.jpg

 

Just below the previous two, we have this little one, its the experience bar, the black pixels are the contour and the white ones are the inside color bar

 

~

 

1260381744_Sinnombre7.jpg.60a81cd484613879b3fc7f1c617a5714.jpg

 

in the upper middle of battle-hud we see this little squares, this ones correspond for the PVP timer count, the black square its the bar of time already passed and the grey one its the bar time still left

 

~

 

 

387103454_Sinnombre8.jpg.cacc369c77004908512af8aa6719258b.jpg

 

 In the upper right corner we have this image that wors when an ability its triggered

 

~

 

317979531_Sinnombre9.jpg.93df1f895f95d71adfa9b190ee326fe4.jpg

 

Now the life bars, i marked in red the ones that dosnt work, also that little EXP dosnt work, the ones the game use its the two left, the bigger one, its our life bar, and the thiner one its our enemies lifes bar

 

~

 

667565038_Sinnombre10.jpg.838fe5a2dd4049e1192684c2253031f7.jpg

 

This ones are the buttons with "back" and "accept" commands, the upper ones are the common ones, the white outlined are the ones when you choose or press them and the lower ones i couldnt find what they do, i think they dont work

 

~

 

273879712_Sinnombre11.jpg.11e76c777c0e3065ba89ba1c781f2683.jpg

 

the next ones, are the squares while choosing pokemon, the dark one its the common background, and the blue shade one its the one you choose, the two upper ones also works while pressing but i couldnt figure it out propperly

 

~

 

96452225_Sinnombre12.jpg.a79c7cd3f4a0b92ac98aa10f46e73385.jpg

 

this part of the image works for the background of battle text but you need to activate it by a code, i show it later at the end of tutorial, by default its only a slight black gradient 

 

 

 

~bg:

  恢复隐藏内容

bg.png.38b6149fecf7622ed3718d594b0cb789.png

 

This is the logo that appear on the login screen, you can edit it however you want as long as it is an image in .PNG format

 

 

we have another images to edit but I will not give much detail about them because they are not a big deal and you can see for yourself how they work

~ breedwindow - doesnt work - 

~ contestgui - i dont know if works, if does, as the name says would work on the contests menus - 

~ cursors - i dont know if this works neither i never tried them - 

~ effectivity_buttons - this ones works, check your lenguage for the propper one: EN, english, ES, spanish, FR, french, ZH, chinesse i think -

~ main-hud:

  恢复隐藏内容

main-hud.png.f82e13872d5634c00fbb34d1a301184a.png

~

365113291_Sinnombre13.jpg.fb2401943a56a1856af63ee23248dadd.jpg

 

First we have this squares, they work while choosing between the actions on battle like choosing attack, pokemon, or flee from battle, i marked the unused ones with red, and the ones that work are 1: as common background, 2 and 3 when u choosing them, and 4 its the one when you put your mouse on it

 

 

~

 

1755815586_Sinnombre14.jpg.b7f3e40eca9492bc16c7ba1c44c253fa.jpg

 

Next to the right we have this 3 squares, they work in the bag menu while in battle, 1 its the common arrow to move left or right inside the item bag, 2 its the one that shows when we put the mouse on it, but also its used in all the items listed on the bag, 3 its also like 1 an arrow to move between the different types of items, but 3 works like an "off" button, i mean, when you cant click anymore shows this 3 square

 

 

~

 

951542352_Sinnombre15.jpg.983efb5627bb88b57d6ea666259d6473.jpg

 

I marked in red the ones that dosnt work, if they do i couldnt find what they did, we have first 1, that square works as the background for the new and other updates featured on the login screen, 2 works with our pokemon team, when expand out pokemon team square it would use this image

3 works on the chat screen, its the background of the top of it, when you see the different channels like, trade, global, battle etc, and 4 its the background but for the actual chat where you see all the chatting, will use this square 4 colour as background

 Finally its the square I marked with blue, that works as the background of the items on the battle screen, when you choose between items of the bag, their background wold be that

 

 

~

 

1937795897_Sinnombre16.jpg.0eb293769ec31c83419b6d1bc6320408.jpg

 

Finally we have a few icons, this ones appear on the upper left corner and you can find what they do by yourself its not hard to guess them

 

 

 

~ MainTCTexture:

  恢复隐藏内容

MainTCTexture.png.27594a6c7a934efaca6afd4bd43ddcbf.png

 

This is an easy one, its the trainer card where you see your character info etc, you can edit as much as you want but dont forget where everything goes, like the name, the badges, all the other info, I show it with an example

 

 

 

1669788384_Sinnombre17.jpg.e6ea6f65732e74fd4426abeed76462e7.jpg

 

 

~ monster-info:

  恢复隐藏内容

monster-info.png.842983811e51fc5406a755edc56c2cd2.png

 

511306511_Sinnombre18.jpg.c963903a5e073870648e6f156525c8b6.jpg

 

I marked with red the ones that dosnt work, the upper icons, as you may know, works as the pages info for the pokemon, like the first one its the main info, the second its the stats, third the EVs and fourth IVs etc

With green we have the background for almost everything thats in the pokemon info like, names, stats, abillity, etc

 That thin line with a few colors on it, its used as EXP bar and also for show stats on the pokedex

The blue colored one its the attack frames

the big square its the background when you open the info of a pokemon thats obvious I dont think I need to explain how that works

 

 

 

~ pc_slots:

  恢复隐藏内容

pc_slots.png.ed540c6575e6e439e23572673ccf5775.png

 

EN: Those are the pokemon frames that shows on the PC boxes, the left ones are the common frames background for every pokemon on the box, the one with diagonal sprites its the ones that cant be used by level cap, the middle ones, light blue, are used when choosing multiple pokemon, the right ones, green, are used when looking for something especific on the advanced searching

 

ES: Esos son los marcos de Pokémon que se muestran en las cajas de la PC, los de la izquierda son los marcos de fondo comunes para cada Pokémon en la caja, el que tiene lineas diagonales es el que no se puede usar por el límite de nivel, los del medio, azul claro , Se usan al elegir varios Pokémon, los de la derecha, verdes, se usan cuando se busca algo específico en la búsqueda avanzada

 

~ pc-window:

  恢复隐藏内容

pc-window.png.7ae38d3001b14698b98672184a26c679.png

 

This is the background you see when enter the PC boxes system, nothing much to say just remember where the buttons goes

 

2124429280_Sinnombre19.jpg.a60517c8a7dafd6a09c7fb4fa0eaec6e.jpg

 

 

~ pokemmo_ui:

  恢复隐藏内容

pokemmo_ui.png.8549d7d95862878d10c6224006a23b32.png

 

996932762_Sinnombre20.jpg.130ecdf8a59eac641d327ab80f9e2300.jpg

 

 first this squares in the upper right corner, they are the background and frame for almost every text in the game the upper ones are the common background, and the lower ones are the frame when you press them

 

~

 

2069458149_Sinnombre21.jpg.6c8a9ce438bd984681b2459cb8e27277.jpg

 

 upper left we have this squares, the red ones doesnt do anything, the one that works do it as background for some menus, like a background layer

 

 

~

 

1296866774_Sinnombre22.jpg.e1cdf21c4af4bd8f424c24e44d948c4e.jpg

 

 in the middle left we have this ones, they are the main background of all menus, the lower one, the one with two tones, works in the titles, as a top layer

 

 

~
 

1767683606_Sinnombre23.jpg.925ceb3551f81dc58f362f72dc5e7d86.jpg

 

 this ones works as pages for the bag menu and a few other, the middle one doesnt work i think, just the left and right one

 

 

~

 

787855225_Sinnombre24.jpg.3c94fbe941ebc420aa73ef7be92af25a.jpg

 

finally we have this ones, the red ones dosnt work, the other ones finish the last details of the theme, they work mostly as buttons, title backgrounds, text backgrounds, if you need propper examples go to my video (minute 23) link on the top of this post 

 

 

 

~ text-bubble:

this work as the background where the text dialogues goes on, you can edit as much as you can but dont forget you gonna need to read the text

 

 

 

~~

EXTRAS

~

 

~Edit type icons:

 

 

monster-types.png.42593d6758f3407cc2e5a7f8798860e3.png 

 

This are the attack types you can edit them as much as you want meanwhile you get inside the area of every type, remember also this types has a name for every language, edit the one you need

 

 

 

~

 

~ Custom background:

 

thanks to: @hannahtaylor

 

 Go to Pokemmo main folder, then to data, then to themes, inside your theme find the "gfx.xml" open it with a notepad or anything that can edit text, then add this at the end of the text:

 

<images file="res/background.png">
        <area name="login-background" xywh="*"/>
    </images>

 

copy that just before the last </themes>

 

then go to main-widgets.xml and copy this:

<theme name="logingui">
        <param name="background"><image>login-background</image></param>
    </theme>

 

again just before the last </theme>

 

now you gonna need to put a .PNG image named "background" inside your theme "res" folder 

If you cant do that just download this: https://www.mediafire.com/file/tmpx9or44yi549g/WallpaperC.zip/file

and overwrite the files inside your theme folder

 

 

 

~

 

~ Battle text background /

thanks to  @swmas

 

Remember at the beginning with the battle hud i said the battle text background needs a code?

 here it is: https://www.mediafire.com/file/1o5aschxi5q0gev/battle.zip/file

unzip the file battle.xml and copy into the "ui" folder inside your theme and overwrite your battle.xml

this will enable the lower section of the battle-hud

 

  恢复隐藏内容

battle-hud23.jpg.69b6ffcb093107c429a6fb7e0142e3cf.jpg

the one inside the red square

 

 

 

 

 

 now you can edit that area of the battle-hud or just delete it to have a cleaner battle screen with just the battle text

 

 

 

hope all this helps you out! enjoy!

 

 

Next: How to change the fonts

 

if you cant wait can see it here anyways 

https://www.youtube.com/watch?v=-0-AGPv5mVQ&t=237s (Spanish/Español)

 

 

 

ESPAÑOL: 

  恢复隐藏内容

 

~

Como editar Themes/GUI ]

 

 

 

 

 Primero que nada quiero aclarar que hago esto por disfrute y ayudar a la comunidad, no busco ninguna clase de beneficio ni reconocimiento, disfruto editando pero no soy ningún profesional y todo esto lo aprendí por mi mismo mediante prueba y error, sepan disculpar si no he podido en clarecer todo, pero creo que aquí hay lo suficiente para crear un tema como ustedes quieran hacerlo, igualmente les dejare mi video de edición de temas si quieren ver la edición en movimiento con todos los ejemplos: https://youtu.be/rEHjY7PbMgY

 

 

AVISO: Los temas no funcionan en dispositivos android a menos que esten rooteados, si los tienen sigan esta guia tambien:

---->

 

 

 Estoy recibiendo consejos sobre cómo mejorar este tutorial, deje sus comentarios si tiene algunos consejos

Y si necesitas ayuda, no dudes en comentar, ayudaré personalmente a todos.

~

 

 

 

Que necesitamos? - Cualquier editor de imagenes que permita el trabajo con transparencias

 Yo recomiendo usar GIMP, la alternativa gratis y de codigo abierto a PS, solamente googlear GIMP y la descarga estara ahi mismo en su sitio oficial, este programa funciona en casi cualquier tipo de PC

 

Area de trabajo:

  恢复隐藏内容

1138391174_Sinnombre25.jpg.6ebb68601a1cb4c5511a8f2c391cb222.jpg

 

 

 

ES: puedes ver aquí el área de la imagen donde puedes editar, cada imagen tiene un área de trabajo intenta encontrar la tuya si es necesario

 

~

 

Empezando

 

 

 

 

 Primero usaremos el tema "predeterminado" de PokeMMO como base, haga una copia de el

Dentro de la carpeta principal de PokeMMO, vaya a Data, Themes, allí encontrará el tema "default"

 

1899222592_Sinnombre.jpg.30f54d52bc7da887164b9bf9b81804cb.jpg

 

 

 

Dentro de la copia de "default", vamos a "res"

 

1953303794_Sinnombre1.jpg.7a184ccaf9c85ddac30d4efa95023e5e.jpg

 

 

 

dentro de "res" encontraremos las texturas principales para editar nuestro tema

 

485650067_Sinnombre2.thumb.jpg.02d0879007da3cdc9875c71f2956afe7.jpg

 

 

 

Ahora abrimos la primera con nuestro editor de imagenes

 

 

battle-hud:

  恢复隐藏内容

battle-hud.png.fecb9e26f827aeca2d8e0c039dba1cb0.png

~

 

 En el extremo izquierdo superior tenemos este pequeño icono

1792744874_Sinnombre4.jpg.ce8a8f823324da02723f2c471a4c4e75.jpg

 

 

Esto funciona como la barra de vida, el color rojo se usa cuando los puntos de salud estan debajo de 25%, la parte amarilla se usa cuando los HP estan entre25%-50% y la parte verde es entre 50%-100%, si van a editar esto tengan en cuenta por ej: la parte verde es solamente esa linea verde, si ustedes pintan de verde alguna otra parte, estropearan ya sea la parte roja, o la amarilla

~

 

2018291758_Sinnombre5.jpg.8981b9195c412d30d7b9922e6fa907f3.jpg

 

 

Justo al lado de la barra de salud, a la derecha, tenemos este pequeño contorno, es el contorno de la barra de salud

~

 

261903087_Sinnombre6.jpg.34b7a5c145835805f59c67ace80e221b.jpg

 

 

 Justo debajo de los dos anteriores, tenemos este pequeño, es la barra de experiencia, los píxeles uguus son el contorno y los blancos son la barra de color interior

~

 

1260381744_Sinnombre7.jpg.60a81cd484613879b3fc7f1c617a5714.jpg

 

 

 en el medio superior de battle-hud vemos estos pequeños cuadrados, estos corresponden al recuento del temporizador de PVP, el cuadrado uguu es la barra del tiempo ya pasado y el gris es la barra de tiempo que aún queda

~

 

 

387103454_Sinnombre8.jpg.cacc369c77004908512af8aa6719258b.jpg

 

 

En la esquina superior derecha tenemos esta imagen que funciona cuando se activa una habilidad

~

 

317979531_Sinnombre9.jpg.93df1f895f95d71adfa9b190ee326fe4.jpg

 

 

 Ahora las barras de vida, marqué en rojo las que no funcionan, también esa pequeña EXP no funciona, las que usa el juego son las dos que quedan a la izquierda, la más grande, es nuestra barra de vida y la más delgada es de nuestros enemigos

~

 

667565038_Sinnombre10.jpg.838fe5a2dd4049e1192684c2253031f7.jpg

 

 

 Estos son los botones con los comandos "atrás" y "aceptar", los superiores son los comunes, los delineados en blanco son los que eliges o presionas y los inferiores no pude encontrar lo que hacen, creo ellos no funcionan

~

 

273879712_Sinnombre11.jpg.11e76c777c0e3065ba89ba1c781f2683.jpg

 

 

 los siguientes, son los cuadrados al elegir pokemon, el oscuro es el fondo común, y el tono azul es el que eliges, los dos superiores también funcionan al presionar pero no pude averiguar correctamente cuando funcionan

~

 

96452225_Sinnombre12.jpg.a79c7cd3f4a0b92ac98aa10f46e73385.jpg

 

 

 esta parte de la imagen funciona para el fondo de la batalla de texto, pero debe activarla mediante un código, lo muestro más tarde al final del tutorial, por defecto es solo un ligero degradado de uguu

 

 

~bg:

  恢复隐藏内容

bg.png.38b6149fecf7622ed3718d594b0cb789.png

 

 

 Este es el logo que aparece en la pantalla de inicio de sesion, pueden editarlo como quieran siempre y cuando sea una imagen en formato .PNG

 

 

~ breedwindow -  - no funciona

~ contestgui - - si funciona lo desconozco

~ cursors -  - si funciona lo desconozco

~ effectivity_buttons - cada lenguaje tiene el suyo : EN, ingles, ES, español, FR, frances, ZH, chino i think - esto funciona pero se explica solo, solo usen el lenguaje que les corresponda

 

~ main-hud:

  恢复隐藏内容

main-hud.png.f82e13872d5634c00fbb34d1a301184a.png

~

365113291_Sinnombre13.jpg.fb2401943a56a1856af63ee23248dadd.jpg

 

 

 

Primero tenemos estos cuadrados, funcionan al elegir entre las acciones en la batalla como elegir ataque, pokemon o huir de la batalla, marqué los que no se usan con rojo, y los que funcionan son 1: como fondo común, 2 y 3 cuando los eliges, y 4 es cuando pones el mouse sobre él

~

 

1755815586_Sinnombre14.jpg.b7f3e40eca9492bc16c7ba1c44c253fa.jpg

 

 

 

Junto a la derecha tenemos estos 3 cuadrados, funcionan en el menú de la mochila durante la batalla, 1 es la flecha común para moverse hacia la izquierda o la derecha dentro de la mochila de items, 2 es la que muestra cuando ponemos el mouse sobre ella , pero también se usa en la lista todos los items en la mochila, 3 también es como 1 una flecha para moverse entre los diferentes tipos de elementos, pero 3 funciona como un botón de "apagado", es decir, cuando ya no puedes hacer clic muestra este cuadrado 3

~

 

951542352_Sinnombre15.jpg.983efb5627bb88b57d6ea666259d6473.jpg

 

 

 Marqué en rojo los que no funcionan, si lo hacen, no pude encontrar lo que hicieron, tenemos primero 1, ese cuadrado funciona como fondo para las nuevas y otras actualizaciones que aparecen en la pantalla de inicio de sesión, 2 funciona con nuestro equipo pokemon, al expandir el cuadro del equipo, usaría esta imagen

3 funciona en la pantalla de chat, es el fondo de la parte superior, donde se ve los diferentes canales como, comercio, global, batalla, etc., y 4 es el fondo, pero para el chat real donde se ve todo lo que escriben, usará el color del cuadrado 4 como fondo

Finalmente, es el cuadrado que marqué con azul, que funciona como fondo de los items en la pantalla de batalla, cuando eliges entre items de la mochila, su fondo será ese

~

 

1937795897_Sinnombre16.jpg.0eb293769ec31c83419b6d1bc6320408.jpg

 

 

 Finalmente tenemos algunos iconos, estos aparecen en la esquina superior izquierda y puedes encontrar lo que hacen por ti mismo, no es difícil adivinarlos.

 

~ MainTCTexture:

  恢复隐藏内容

MainTCTexture.png.27594a6c7a934efaca6afd4bd43ddcbf.png

 

 

 

 Esta es fácil, es la tarjeta de entrenador donde ves la información de tu personaje, etc., puedes editar todo lo que quieras pero no olvides dónde va todo, como el nombre, las insignias, toda la otra información, lo muestro con un ejemplo

 

1669788384_Sinnombre17.jpg.e6ea6f65732e74fd4426abeed76462e7.jpg

 

 

~ monster-info:

  恢复隐藏内容

monster-info.png.842983811e51fc5406a755edc56c2cd2.png

 

511306511_Sinnombre18.jpg.c963903a5e073870648e6f156525c8b6.jpg

 

 

Marqué con rojo los que no funcionan, los íconos superiores, como sabrán, funcionan como la información de las páginas para el pokemon, como el primero es la información principal, el segundo son las estadísticas, el tercero los EV y el cuarto IV, etc.

Con el verde tenemos el fondo para casi todo lo que hay en la información de Pokémon, como nombres, estadísticas, habilidades, etc.

Esa delgada línea con algunos colores, se usa como barra EXP y también para mostrar estadísticas en la pokedex.

El de color azul es el marco de los ataques

El cuadrado grande es el fondo cuando abres la información de un Pokémon, eso es obvio, no creo que deba explicar cómo funciona.

 

~ pc_slots:

  恢复隐藏内容

pc_slots.png.ed540c6575e6e439e23572673ccf5775.png

 

 

 Esos son los marcos de Pokémon que se muestran en las cajas de la PC, los de la izquierda son los marcos de fondo comunes para cada Pokémon en la caja, el que tiene lineas diagonales es el que no se puede usar por el límite de nivel, los del medio, azul claro , Se usan al elegir varios Pokémon, los de la derecha, verdes, se usan cuando se busca algo específico en la búsqueda avanzada

 

~ pc-window:

  恢复隐藏内容

pc-window.png.7ae38d3001b14698b98672184a26c679.png

 

 

 Este es el fondo que ve cuando ingresa al sistema de cajas de PC, no hay mucho que decir, solo recuerde dónde van los botones

2124429280_Sinnombre19.jpg.a60517c8a7dafd6a09c7fb4fa0eaec6e.jpg

 

 

~ pokemmo_ui:

  恢复隐藏内容

pokemmo_ui.png.8549d7d95862878d10c6224006a23b32.png

 

996932762_Sinnombre20.jpg.130ecdf8a59eac641d327ab80f9e2300.jpg

 

 

 primero estos cuadrados en la esquina superior derecha, son el fondo y el marco para casi todos los textos del juego, los superiores son el fondo común y los inferiores son el marco cuando los presionas

~

 

2069458149_Sinnombre21.jpg.6c8a9ce438bd984681b2459cb8e27277.jpg

 

 

 

 arriba a la izquierda tenemos estos cuadrados, los rojos no hacen nada, el que funciona lo hace como fondo para algunos menús, como una capa de fondo

~

 

1296866774_Sinnombre22.jpg.e1cdf21c4af4bd8f424c24e44d948c4e.jpg

 

 

 

 en el medio a la izquierda tenemos estos, son el fondo principal de todos los menús, el inferior, el de dos tonos, funciona en los títulos, como capa superior

~
 

1767683606_Sinnombre23.jpg.925ceb3551f81dc58f362f72dc5e7d86.jpg

 

 

 

 estos funcionan como páginas para el menú de la mochila y algunos otros, el del medio no funciona, creo, solo el izquierdo y el derecho

~

 

787855225_Sinnombre24.jpg.3c94fbe941ebc420aa73ef7be92af25a.jpg

 

 

 finalmente tenemos estos, los rojos no funcionan, los otros terminan los últimos detalles del tema, funcionan principalmente como botones, fondos de título, fondos de texto, si necesita ejemplos adecuados, vaya al enlace de mi video (minuto 23) en la parte superior de esta publicación 

 

~ text-bubble:

 

 esto funciona como fondo donde se ven los diálogos de texto, puede editar tanto como quieran, pero no olvide que necesitará leer el texto 

 

 

~~

EXTRAS

~

 

 

~Editar iconos de tipos:

 

monster-types.png.42593d6758f3407cc2e5a7f8798860e3.png 

 

 

 

 Estos son los tipos de ataque, puedes editarlos tanto como quieras mientras te mantengas dentro de área de cada tipo, recuerda también este tipo tiene un nombre para cada lenguaje, edita el que necesites

 

~

 

 

~ Fondo de pantalla personalizado:

/ gracias a: @hannahtaylor

 

 

 

Vaya a la carpeta principal de Pokemmo, luego a data, luego a themes, dentro de su tema busque "gfx.xml", ábralo con un bloc de notas o cualquier cosa que pueda editar texto, luego agregue esto:

 

<images file="res/background.png">
        <area name="login-background" xywh="*"/>
    </images>

 

copiar eso justo antes del ultimo </themes>

 

Luego vayan a "main-widgets.xml" y copian esto en el:

<theme name="logingui">
        <param name="background"><image>login-background</image></param>
    </theme>

 

otra vez justo antes del ultimo </theme>

 

ahora tendrás que poner una imagen .PNG llamada "background" dentro de la carpeta "res" de tu tema

Si no puede hacer eso, simplemente descargue esto: https://www.mediafire.com/file/tmpx9or44yi549g/WallpaperC.zip/file

y sobrescriba los archivos en la carpeta de su tema

 

~

 

~  Fondo del texto de batalla

 gracias a @swmas

 

 

 

  恢复隐藏内容

battle-hud23.jpg.69b6ffcb093107c429a6fb7e0142e3cf.jpg

la que esta dentro del cuadro rojo

 

 

¿Recuerdas que al principio con el hud de batalla dije que el fondo del texto de batalla necesita un código?

aquí está: https://www.mediafire.com/file/1o5aschxi5q0gev/battle.zip/file

descomprime el archivo battle.xml y cópialo en la carpeta "ui" dentro de tu tema y sobrescribe tu battle.xml

esto habilitará la sección inferior del battle-hud (ver el spoiler)

 

 

ES: ahora puede editar esa área del hud de batalla o simplemente eliminarla para tener una pantalla de batalla más limpia con solo el texto de batalla

 

 

espero que todo esto les ayude! que lo disfruten!

 

 

 Proximo: Como cambiar las fuentes/tipografias

 sino pueden esperar aqui pueden verlo

https://www.youtube.com/watch?v=-0-AGPv5mVQ&t=237s (Spanish/Español)

 

 

 

 

 

hi!

I'm a Chinese man,my English is not so good,so, can u write a Chinese article?

tyvm

?

Link to comment
19 hours ago, Thekingofglory said:

hi!

I'm a Chinese man,my English is not so good,so, can u write a Chinese article?

tyvm

?

no, im sorry i cant do that

would be the same as you using some translation device as google etc because i dont have any knowledge on chinese

anyways there is more explanation on the images, you can guide by that more than the text

and if helps you can ask me anything that you dont understand, i also have a video tutorial that could help you a little more: https://youtu.be/rEHjY7PbMgY

 

 

Edited by budadeth
Link to comment
  • 2 months later...
  • 4 weeks later...
On 11/24/2021 at 9:54 AM, NavajasOnline said:

los archivos descomprimidos para cambia el background no funcionan al dia de 24/11/2021. seguiré buscando donde me expliquen bien  a cambiarlo, gracias.

 

perdon la tardanza he estado muy ocupado si aun lo necesitas puedo enviartelo o explicarte como

Link to comment
On 11/24/2021 at 9:54 AM, NavajasOnline said:

los archivos descomprimidos para cambia el background no funcionan al dia de 24/11/2021. seguiré buscando donde me expliquen bien  a cambiarlo, gracias.

 

ya los actualize pero igualmente las intrucciones para hacerlo tu mismo estaban ahi. solo era necesario seguir los pasos y ya

Link to comment
  • 1 month later...
36 minutes ago, Sail754 said:

Al reemplazar el fondo de pantalla hice los pasos al pie de la letra, coloque una imagen .png con la misma resolución, y cambie los archivos gfx.xml y main-widgets.xml, pero queda superpuesta con el fondo animado ?, ahí que hago?

La forma más rápida y fácil de ayudar sería cargar su tema para que otros lo vean.

Link to comment
7 hours ago, Sail754 said:

No es un tema tal cual, solo quería ponerle fondo al default de una imagen de absol, y quedo asi.1.thumb.jpg.6e1fa384ff6024bd5ea3057281b8cacd.jpg

Bueno, es porque parece que el juego no muestra el tipo/capa de imagen, por ejemplo, no se reconoce el valor hexadecimal. Es probable que su imagen se muestre como transparente en el juego, ya que no elimina la introducción de ROM 3D, pero muestra el widget de fondo SOBRE ella.

Publique la imagen que está tratando de usar como fondo o pruebe una imagen de prueba diferente en su sistema.

Edited by nurver9
Link to comment
1 hour ago, nurver9 said:

Bueno, es porque parece que el juego no muestra el tipo/capa de imagen, por ejemplo, no se reconoce el valor hexadecimal. Es probable que su imagen se muestre como transparente en el juego, ya que no elimina la introducción de ROM 3D, pero muestra el widget de fondo SOBRE ella.

Publique la imagen que está tratando de usar como fondo o pruebe una imagen de prueba diferente en su sistema.

Ya, estuve probando y modificando el código con los XML y nada, se seguía viendo igual, leí tu respuesta, me fui al editor a modificar la imagen (le subí un toque la saturación y las sombras), la reemplace con la anterior y quedo perfecto!

 

Gracias

Link to comment
On 3/20/2022 at 1:09 AM, Sail754 said:

Ya, estuve probando y modificando el código con los XML y nada, se seguía viendo igual, leí tu respuesta, me fui al editor a modificar la imagen (le subí un toque la saturación y las sombras), la reemplace con la anterior y quedo perfecto!

 

Gracias

Se ve muy bien! Hace unos días justamente estuve probando eso, me alegro que lo hayas resuelto, cualquier cosa ya sabes escribí, un abrazo

Link to comment
3 hours ago, Gengarious1 said:

It seems that currently the Client cant take replacing the CJK fonts (NotoSansCJK-Bold, NotoSansCJK-Medium). Is there any way to get around that? I really want to use a DS like Font.

Changing fonts still works. All you have to do is edit the fonts.xml and replace the instances where the default font is referenced with your desired font. If all else fails, you could try renaming your font file identical to the default. (Noto Sans.)

Edited by nurver9
Link to comment
3 hours ago, Gengarious1 said:

It seems that currently the Client cant take replacing the CJK fonts (NotoSansCJK-Bold, NotoSansCJK-Medium). Is there any way to get around that? I really want to use a DS like Font.

Check out that some fonts are .ttf and other .ttc after that you can add any font that marches the formar, re-name it as the one you replacing, ir should work but remember, if you replacing a .ttc you need a .ttc font, at least thats what I remember

Link to comment

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.