Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines
(2 edits)

Some UI elements in the pack are made for 9-slice scaling. However the PNG images made in this pack (like the Big buttons in this pack) are separated into 9 parts, however Godot don't use it like that. In Godot you need a full normal images not sliced and you create the margins yourself in the inspector. So if you want to use those banners/buttons you have to stitch them back up into a singular piece (You can use Aseprite, I use Libresprite which is 100% more free than Aseprite and has all basic features, its good for someone who is still learning)  , then you can add them into Godot. For example: I have used a normal button node (not textured button) and changed the 'Style' that is under 'Theme Override' in the inspector to add the Big button PNG (The one stitched back together), then in 'Styles' option I changed the 'texture margins' to a certain point (trial and error) , and made 'axis stretch' to tile (this is important if you want to have an expanded button or banner without any stretching effects).

Look up 9-slice scaling if you don't know what it is, and how to use 9-slice in Godot.

and let me know if it works for you.

Thank you so much! I actually use a TilemapLayer to stitch nine tiles with transparent edges together into a grid.

(+1)

You are welcome! 

I use the buttons and banners from the asset as UI, if you use TilemapLayer node it will not be a control node and might be a little difficult to treat them as UI in your scenes. For example you would like the UI to always be on top regardless of where they are in the node hierarchy, also you would want the UI to be static if you move/pan the map around. this works well with UI nodes, if you use other nodes (TilemapLayer or anything else) it will not treat them as such, or maybe you have a mix of both. However this depends on what you want to do in your project.

So I use banners/ribbons as a Panel nodes, and I use button node(normal not textured button) for button asset, then I use the Theme Override just like I explained in my last reply

This approach is better for me and it depends what you want to do in your project.

gl in your project!