Custom number graphics fonts are showing very blurry on app.

Hi all I downloaded the free Custom Number fonts from this site http://gsanimator.com/product/custom-number-fonts/

In my Gamesalad project I have the Fonts as my score keeper and they look crisp.
But when I use the Game Salad viewer to see the game on my iPhone and iPad they are very blurry.

I understand that the size of these fonts are small to begin with.
And I also understand that game salad wants all graphics to be in measurements that divide by 4.

I am using resolution independence. iPad Portrait.

I really like these Custom number fonts compared to the regular number fonts supplied in game salad.

Is there anything I can do to resize these current fonts? Or am I better off creating my own?
What do you recommend to make your own custom fonts for numbers or scores?
What program? what sizes?

I appreciate your time.

Thank you,

Comments

  • SocksSocks London, UK.Member Posts: 12,822
    edited January 2015

    How big are the images used for the font ?

    How big are the actors these images are used on ?

    If you switch RI off, does this resolve the issue ?

  • UndiscoveredUndiscovered Member Posts: 22

    A few of the custom number fonts are at different sizes.
    14x20 pixels, 13x20 pixels, 10X20 pixels

    The actors are the same size as the font.

    I have not tried turning RI off, because my game needs RI.

  • tatiangtatiang Member, Sous Chef, PRO, Senior Sous-Chef Posts: 11,949
    edited January 2015

    As you said, those are very small image sizes. If you're using RI, then you need to import images that are four times the size of the actor. A 14x20 pixel image could be used for a 7x10 pixel actor without reducing the quality.

    Making custom font numbers is not hard at all. I use Illustrator but just about any graphics software would allow you to type a number, center it, and make the background transparent. It's a good idea to keep the canvas/art board size the same for all possible images so that if you swap them out you don't have a shift when images resize to fill the actor's size.

    New to GameSalad? (FAQs)   |   Tutorials   |   Templates   |   Greenleaf Games   |   Educator & Certified GameSalad User

  • SocksSocks London, UK.Member Posts: 12,822

    @Undiscovered said:
    A few of the custom number fonts are at different sizes.

    >

    14x20 pixels, 13x20 pixels, 10X20 pixels

    The actors are the same size as the font.

    LIke @tatiang says, the images need to be 4x times the size of the actor (twice the resolution), so for those three actors your images should be:

    28x40 pixels, 26x20 pixels, 20X40 pixels

    @Undiscovered said:
    I have not tried turning RI off, because my game needs RI.

    I appreciate you may need RI, but I was trying to see whether it was an RI issue, I wasn't asking you to publish without RI, I just wanted to know if switching it off resolved the issue when you preview the project on a device.

    But I suspect the issue is that the resolution of your images is too low.

    Also it's a good idea to make the images divisible by 4 - and place them on whole pixel value locations.

Sign In or Register to comment.