How to make atlas image for bit map font

How do I...?
1

How do i make an atlas image for a bitmap font?
Screenshot 2024-09-22 at 5.38.23 PM
Ive made a font and i need to put it in my game.the font needs to be pixel perfect so that it doesnt get all blurry. i tried recreating the font in fontstruct but it came out super blurry. so how do i make the atlas image? do i put the lettars in a specific order? is there a way i need to space them? i need to know ASAP.

1 Like
2

Hi, did you read this topic here?

3

Full Tutorial

Get some ttf font then

Convert TTF Font to Bitmap Font

1 - ON LEFT Click Add Font File
2 - ON LEFT Change Font Size to 20-30 (60-80 if it’s NOT Pixel Art)
3 - ON LEFT Change Sharp from 80% to 100%
4 - ON RIGHT Change Color from Black to White

(OPTIONAL) Adding Outline
4A - ON RIGHT Click on Stroke to set it to On
4B - Line Join set to MITER
4C - Color set to different than color of Fill

(OPTIONAL) Adding Drop Shadow
4D - ON RIGHT click on Shadow to set it to Online
4E - Adjust it to your needs or leave as it is

5 - Click Export
6 - Click Save

Now you can edit png image as you please
Like draw your own font or copy paste characters from other image

1 Like
4

where is the fill bucket

5

Not fill bucket but fill color

image
image1920×1080 199 KB

6

Doesn’t work for small pixel fonts like 3x5px. Any idea or how to do it? thanks!

7

On snowb
You see this button

image
image1920×1080 105 KB

Instead of doing what i explained above
You can create font in image file
Like make sprite sheet then slice the sprite sheet
And now you add your characters using that select images files

And now you can export it as font

1 Like