Edit: Me and Katsu talked on AIM and I got the images I needed.This post is mainly directed at katsu but feel free to read
So I finally got enough time today to make some headway in learning how to use the gui editor. One the things i realized I had to do was make a custom button. For all buttons in project HoneyComb your going to have to do the following.
This is the default button (Pic. A)
It has four different states. Starting from the top and going down
Default - When the mouse cursor is not over the button
Over - When the mouse cursor is hovering over the button
Push - When the user clicks the button
Active - When the button is set to an on state, think of tabs. For our purposes just make this graphic the same as the push state.
I'll also need a click mask, this is the one for the default button. (Pic. B)
You can't see the black in the image on here so i turned it red to better show you
Since the default button isn't a rectangle the black in this image tells the engine what's not a clickable area and the white shows the area that can be clicked.
I noticed "Menu Base.png" and "Menu Select Ring.png" are different sizes. When your making the image strip with the four different states (Pic. A) you need to make them all the same size otherwise it becomes a nightmare in the code. The orginal buttons height is 40 pixels and since it's repeated four times in Pic. A. The height of that image (Pic. A) is 160 (40 x 4).
Since we have 4 different icons for the buttons (digimon icon, item icon, etc) you'll have to make the four different states for each one. I put this together really quick to show you kinda what i wanted.
So this is an example for the digimon button and then I would need another image with the item icon in the center instead of the digimon icon, etc. The mask (Pic. B) I only need one unless the button shape is different.
For the over state we could just move the icon in the center a few pixels up. I was also thinking it would be nice to have a general button for stuff so can you make a hexagon button and make the icon be a smaller solid colored hexagon.
List of stuff
Most Important:
-Digimon Icon State Strip
-Item Icon State Strip
-Player Icon State Strip
-Settings Icon State Strip
-General Hexagon State Strip
-Hexagon Button Mask
Future stuff:
-SubMenu Button State Strip
-SubMenu Button Mask
Let me know if you have any questions
