Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

AppGameKit Classic Chat / FONTing in AGK!

Author
Message
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 15th Sep 2012 10:16
Link
So my friend drew a nice font for me that I would like to use. It's in PNG format.

I have cookie cut all characters using photoshop slices so that i can easily export each letter as a separate png. My plan was to then use the Imagejoiner tool and rebuild a spritesheet!

the variable width of each font character is no problem.

the variable height IS a problem! some characters have some extra pixels graphic at the top, others some extra detail at the bottom.

i know that there are a few font tools that convert a ttf into agk bitmap font format, but is there a tool to load my a-z pngs, and align the heights easily?

or am i pretending too much and I have to do everything manually?
Back to top
Profile PM Email
Digital Awakening
AGK Developer
21
Years of Service
User Offline
Joined: 27th Aug 2002
Location: Sweden
Posted: 15th Sep 2012 11:26
Link
Well, I believe you can use a single png and a subimage txt file.

The way I did my font was to make a grid background in PS and then draw each character inside each grid square. I plan to add a txt file at some point as some characters would be better of with a smaller width.


Demo 2 is out! Click the image for more.
Back to top
Profile PM Website
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 15th Sep 2012 17:41
Link
obviously i will use a png file and a subimage txt file.

my question was, what are the best tools to use to come to that ending
Back to top
Profile PM Email
Digital Awakening
AGK Developer
21
Years of Service
User Offline
Joined: 27th Aug 2002
Location: Sweden
Posted: 15th Sep 2012 18:06
Link
Ah, I see what you mean now


Demo 2 is out! Click the image for more.
Back to top
Profile PM Website
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 15th Sep 2012 23:38
Link
i had to expand the height of all characters so that they are all equal.
splice them by hand, one by one in photoshop.
export to png.
use imagejoiner to build a spritesheet and create the text file.

too much work
Back to top
Profile PM Email
Rich Dersheimer
AGK Developer
14
Years of Service
User Offline
Joined: 1st Jul 2009
Location: Inside the box
Posted: 16th Sep 2012 10:08
Link
I'm working on a solution for that very problem right now, and since I'm off work today, I should be able to post it tonight!

dersheimer.com
Back to top
Profile PM Email
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 16th Sep 2012 13:53
Link
Looking forward to your solution Rich.
Back to top
Profile PM Email
=PRoF=
21
Years of Service
User Offline
Joined: 17th Mar 2003
Location: Milton Keynes, UK
Posted: 16th Sep 2012 17:09
Link
This sounds like exactly the reason I wrote
the "Atlas Image Data Generator" >Link<

Hope it helps


Bitmap Font Creator Alpha Out Now!
Back to top
Profile PM Email Website
Rich Dersheimer
AGK Developer
14
Years of Service
User Offline
Joined: 1st Jul 2009
Location: Inside the box
Posted: 16th Sep 2012 17:46
Link
yah, =PRoF=, I forgot about that, it's awesome.

dersheimer.com
Back to top
Profile PM Email
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 16th Sep 2012 20:07
Link
Thanks =PRoF= looks like a useful tool, but not sure if it can solve my problem with adjusting the height of fonts.

most probably i'm only dreaming that such a tool exists and the quickest is to set all by hand as photoshop splices
Back to top
Profile PM Email
=PRoF=
21
Years of Service
User Offline
Joined: 17th Mar 2003
Location: Milton Keynes, UK
Posted: 16th Sep 2012 21:35 Edited at: 16th Sep 2012 21:37
Link
@bjadams:
Perhaps I missunderstood what it is you're trying to do?

The auto sprite detection of AIDG can auto detect the characters of the font on the original png file from your friend.

It then lets you choose whether they are individual sizes, or all automatically sized to the size of the largest letter.

You can tweak the results to adjust them where needed.

(Although You might need to manually rename them all? I'm sure the default is numbers)


Bitmap Font Creator Alpha Out Now!
Back to top
Profile PM Email Website
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 16th Sep 2012 23:05
Link
yes this tool is really good, however when it comes to fonts, i need some way to set the baseline where the bottom of the font will sit.

i don't think it's really possible for a tool to this automatically.
Back to top
Profile PM Email
=PRoF=
21
Years of Service
User Offline
Joined: 17th Mar 2003
Location: Milton Keynes, UK
Posted: 17th Sep 2012 00:08
Link
@bjadams:
Yeah, fair enough. I'll look into adding better font support for the next version.


Bitmap Font Creator Alpha Out Now!
Back to top
Profile PM Email Website
Rich Dersheimer
AGK Developer
14
Years of Service
User Offline
Joined: 1st Jul 2009
Location: Inside the box
Posted: 17th Sep 2012 00:41
Link
hmm, well my solution might not be what you need then. But check it out, maybe it can save you some time...

HOTspot designer

My program is really meant to work with a big image full of small areas, rather than individual images. But if you've something done in photoshop, or bitmap creator or AIDG, then HOTspot designer could help you tweak your values maybe.

dersheimer.com
Back to top
Profile PM Email
bjadams
AGK Backer
16
Years of Service
User Offline
Joined: 29th Mar 2008
Location:
Posted: 17th Sep 2012 17:59
Link
will check it out thanks
Back to top
Profile PM Email
Back to top

Login to post a reply

Server time is: 2024-04-30 22:40:12
Your offset time is: 2024-04-30 22:40:12