Sprite Font Generator - v3

Discussion of tools and resources for game developers

Post » Sat Oct 12, 2013 10:39 pm

The spritefont page states that it's preferred that the image be a power of two, but doesn't specify 'square', and the built-in spirtefont also isn't square. Ashley also made a comment a while back that the power of two issue is going away: ref

I'd rather not mess with the calculations if I can avoid it. It took a while to get it right.
ImageImageImage
B
71
S
20
G
202
Posts: 3,578
Reputation: 114,450

Post » Sun Oct 13, 2013 12:16 am

Wow, I didn't know about this.

But of course! It's your tool, you do what you want with it. I can imagine the amount of effort it took to build it, and I'm super happy with the results already! Thanks a lot man!
B
108
S
40
G
10
Posts: 456
Reputation: 13,257

Post » Sun Oct 13, 2013 12:22 am

Actually a better argument would be that fonts aren't square anyway, so the chance that it will fit into a square optimally, are actually low. As I said, the algorithm does try to use a square at first, then looks for the dimensions that reduce the overall file size, while still maintaining the power-of-2 rule.
ImageImageImage
B
71
S
20
G
202
Posts: 3,578
Reputation: 114,450

Post » Sun Oct 13, 2013 1:04 am

I would like to make an request: outline colors.

Sometimes I use photoshop, but it needs to be manually aligned. I spossible?
B
96
S
34
G
29
Posts: 3,139
Reputation: 28,236

Post » Sun Oct 13, 2013 5:54 am

+1 strokezz!
B
12
S
3
G
1
Posts: 347
Reputation: 2,866

Post » Mon Oct 14, 2013 2:40 pm

@blackhornet
2 comments:

1- is there a way to have crisper/sharper fonts? Right now they look fuzzy:

https://www.dropbox.com/s/qxfo0kfw6fzli8d/Screenshot%202013-10-14%2007.37.31.png



2- The generator needs some fixing in the calculated spacings:
notice the gap after the T in the screenshot


PS: The font is Helvetica.

thxghost2013-10-14 14:41:57
B
12
S
3
G
1
Posts: 347
Reputation: 2,866

Post » Mon Oct 14, 2013 3:18 pm

@ghost
1) If you have anti-aliasing at High, theres nothing more I can do.
2) I don't see a gap. The space between the tip of the 'T' and the 'e' is the same as the other letters.
ImageImageImage
B
71
S
20
G
202
Posts: 3,578
Reputation: 114,450

Post » Mon Oct 14, 2013 5:12 pm

1) I really wished it had something more aggressive in that area... well... thx anyway..

2) In the screenshot there's a big gap, it should be tighter
(in this case the app recommended to use 19 for T -- that's the one in the screenshot--, but to make it look better I had to change it to 15).
check this two examples, the spacing is tighter:


http://3.bp.blogspot.com/-4UwTxzsyI7Y/Tq3mQYRikfI/AAAAAAAAAGs/C8NJovWE5zI/s1600/kerning.jpg

http://papress.com/thinkingwithtype/text/text_images/text_images/kerning.gif
ghost2013-10-14 17:14:19
B
12
S
3
G
1
Posts: 347
Reputation: 2,866

Post » Mon Oct 14, 2013 5:39 pm

Kerning support would have to come from the plugin, not the generator. You'll have to request this from Scirra.
ImageImageImage
B
71
S
20
G
202
Posts: 3,578
Reputation: 114,450

Post » Mon Oct 14, 2013 5:42 pm

@blackhornet
FYI man, after comparing it to Photoshop, check that the fonts generated using the app come out looking thinner, check this screenshot:



https://www.dropbox.com/s/fo19mbm7v4x8t6h/fuzzy.png

The first one is the one exported from the app using AA high, the other 4 are from Photoshop.
Notice the thing in the middle of the A (let's call it the bridge), it is thinner compared to all the others (except in crisp).
also, notice that the bridge occupies 2 pixels in the ones using Photoshop,
but, more importantly, the slants of the A are much thinner in the one from the exported PNG, compared to the ones from Photshop.
B
12
S
3
G
1
Posts: 347
Reputation: 2,866

PreviousNext

Return to Tools and Resources

Who is online

Users browsing this forum: No registered users and 1 guest