I have a question about it, hope you can help with it. I am trying to figure out the organization of the tilesets for the frames. EG, there is the file tileset_stone_frame_cramped_16.
Should I be able to rebuild mockup02-example for example using this tileset in Tiled (or any other tile editor)?
I am using Tiled to compose the menu sprite, but the alignment of the individual tiles don't seem to match up when I use them together.
Maybe I need to import the tileset with different parameters.. Or maybe its not meant to work with a tile editor. If the latter is the case, how would you advise to work with these tilesets?
yes the cramped 16 should be imported as a 16x16 tilesize tileset the tileset_8 can be imported with 8x8 and is a lot more flexible, but a bit harder to get a hang of. It will work for a lot of cases as it is, but for some games or ideas you have you'll need to manually adjust the guy graphics by a few pixels.
I personally recommend to build a backgroud image with the tiles, export the background image to use in the engine. The slots could be added with the tileset, however given the spacing nature ui has in games, maybe you want to just put them in a layer above or a different aligned gridsize, to make them space nicely, as aligning them on a tilegrid most likely will feel bad in the game.
Buttons and other things you need to add manually in the engine on top, or you need to make a flattened background image.
Thanks. I am using a couple public domain pixel art fonts, which I also modified myself a bit (fixed some letters, added some special signs etc) :) The fonts are not included in the pack though, they are merely for demonstration purposes. Any font works with the pack.
Hey Thomas, like your work very much. I'm thinking about getting these UI assets but I'm not sure if it fits a 16x16 grid pixel art style. You added icons of that size but the other elements seem to be made for a higher resolution? Do you have a sample with 16x16 size icons in use with the other asset elements?
Hey Pira, Yes that's no problem. Nearly the whole set is usable for 320x180 screen resolutions. If you use 480x270 and 16x16grid, it's no problem at all.
if you check out screenshot 4 (the one with the blue background and 2 lists) that was made for a 320x180 resolution with 16x16 icons.
Since all interactive elements are delivered in 3 sizes and all menu bgs as 16x16 tile elements it should work out well for this, except maybe the decorated border in screenshot 3 might get a bit tight on a smaller resolution.
I also added resolutions this was intented for in the description. Sorry that there was no clearer information available.
You have so many great assets I wish I could buy them all:) I dont know if I should get this one or the other GUI pack that you have. For an action rpg similar to diablo what do you recommend?
One alone is cool on it's own, but both together always will have synergies.
The assets in both differ, but can be used together (same style). If you want to build a complete game a single assetpack can't possibly fulfill all needs, because the sets are built with no specifics in mind and try to cover a wide range of options for various games.
The other set was meant as a sturdy backbone for building all of a GUI (hud, inventory, equipment, options screens, gui etc. etc.) for a game, so it's the base, and while you could build an inventory with it, it'd be quite rudimentary and not very detailled.
This set is specifically for building a very detailled inventory screen with all the options it needs. You also can use it also for skill screens, equipment screens and the like. It also provides a lot of buttons and other elements which can be used together with the base set in order to have a much wider option range of possibilities.
← Return to asset pack
Comments
Log in with itch.io to leave a comment.
Thanks a lot for this awesome set!
I have a question about it, hope you can help with it. I am trying to figure out the organization of the tilesets for the frames. EG, there is the file tileset_stone_frame_cramped_16.
Should I be able to rebuild mockup02-example for example using this tileset in Tiled (or any other tile editor)?
I am using Tiled to compose the menu sprite, but the alignment of the individual tiles don't seem to match up when I use them together.
Maybe I need to import the tileset with different parameters.. Or maybe its not meant to work with a tile editor. If the latter is the case, how would you advise to work with these tilesets?
Hope you have some advice.
SUre I can help you,
yes the cramped 16 should be imported as a 16x16 tilesize tileset the tileset_8 can be imported with 8x8 and is a lot more flexible, but a bit harder to get a hang of. It will work for a lot of cases as it is, but for some games or ideas you have you'll need to manually adjust the guy graphics by a few pixels.
I personally recommend to build a backgroud image with the tiles, export the background image to use in the engine.
The slots could be added with the tileset, however given the spacing nature ui has in games, maybe you want to just put them in a layer above or a different aligned gridsize, to make them space nicely, as aligning them on a tilegrid most likely will feel bad in the game.
Buttons and other things you need to add manually in the engine on top, or you need to make a flattened background image.
Hope this helps you and clears up many points.
That helps a lot, thanks for clarifying!
Great pack! What font are you using?
Thanks.
I am using a couple public domain pixel art fonts, which I also modified myself a bit (fixed some letters, added some special signs etc) :)
The fonts are not included in the pack though, they are merely for demonstration purposes. Any font works with the pack.
Bitfontmaker2's site is great for finding Pixel Art Fonts. http://www.pentacom.jp/pentacom/bitfontmaker2/gallery/
The basic one I used for the mockups is named Questgiver: http://www.pentacom.jp/pentacom/bitfontmaker2/gallery/?id=947
Hey Thomas, like your work very much. I'm thinking about getting these UI assets but I'm not sure if it fits a 16x16 grid pixel art style. You added icons of that size but the other elements seem to be made for a higher resolution? Do you have a sample with 16x16 size icons in use with the other asset elements?
Hey Pira, Yes that's no problem. Nearly the whole set is usable for 320x180 screen resolutions. If you use 480x270 and 16x16grid, it's no problem at all.
if you check out screenshot 4 (the one with the blue background and 2 lists) that was made for a 320x180 resolution with 16x16 icons.
Since all interactive elements are delivered in 3 sizes and all menu bgs as 16x16 tile elements it should work out well for this, except maybe the decorated border in screenshot 3 might get a bit tight on a smaller resolution.
I also added resolutions this was intented for in the description. Sorry that there was no clearer information available.
Thanks for the fast reply!
No problem.
I hope it will work for you, bc. it should :)
You have so many great assets I wish I could buy them all:) I dont know if I should get this one or the other GUI pack that you have. For an action rpg similar to diablo what do you recommend?
Thanks.
Honestly, I'd recommend getting both.
One alone is cool on it's own, but both together always will have synergies.
The assets in both differ, but can be used together (same style). If you want to build a complete game a single assetpack can't possibly fulfill all needs, because the sets are built with no specifics in mind and try to cover a wide range of options for various games.
The other set was meant as a sturdy backbone for building all of a GUI (hud, inventory, equipment, options screens, gui etc. etc.) for a game, so it's the base, and while you could build an inventory with it, it'd be quite rudimentary and not very detailled.
This set is specifically for building a very detailled inventory screen with all the options it needs. You also can use it also for skill screens, equipment screens and the like. It also provides a lot of buttons and other elements which can be used together with the base set in order to have a much wider option range of possibilities.
Thank you so much for your detailed answer, this helps me a lot! :)