Font scaling compared to background

  • #1, z tobiassvenbladSaturday, 06. May 2017, 19:55 hodinky 8 years ago
    Hi! 

    First time poster here, so I apologize if this question has been answered before (even though I thouroughly searched). 

    I recently made the switch from Adventure Game Studio to Visionaire Studio as AGS is currently in an administratevly unstable state, and any future development is not guaranteed (plus, Visionaire Studio seems, from my impressions, much more powerful).

    Anyways, I digress. I need some advice for this narrative pixel-art story-game I'm making.  I'm having a slight problem with my backgrounds and with my fonts. I use very low-res backgrounds (208x117), and whenever I want to display my text for something, the fonts will be huge compared to the background, even if I use something like 12 to 16 px fonts. I can only imagine that this has to do with my game resolution, since the game is actually running in 208x117, but in fullscreen, so give that authentic pixel-art look.

    If you look at the image I attached, I have my 208x117 background and in it a TFF-font in size 16px. As you can see, it takes up maybe 3/5 of the screen. So, my question is, is there any way to scale the font down a bit, so it retains its sharpness, but doesn't look as big? If I half the size from 16px to 8px, some fonts will have blurry egdes and broken letters, etc.

    Or, do you think I should instead scale my images up from 208x117 to 416x234 or 624x351 and leave the font as its default size, so at least that will look smaller than what it is in the current picture?

    Thank you all for reading and any possible answers I hope to receive :-)

    //Toby

    Bažant

    7 Posts


  • #2, z sebastianSaturday, 06. May 2017, 23:05 hodinky 8 years ago
    VS displays the fonts as heigh as you made them. So they get displayed 1:1 to the games resolution. You could try to reduce the font size in the fonts setting, but i guess they get crunched together and may be not as goog looking anymore. Scaling doesn't work for you  though because your game is already so small sized.

    I would recommend using a more small sized font and/or reduce the line height so that there are not so big gaps between the lines. 

    I can recommend http://www.pentacom.jp/pentacom/bitfontmaker2/gallery/ for small sized fonts =)


    Kapitán

    2346 Posts

  • #3, z SimonSSaturday, 06. May 2017, 23:12 hodinky 8 years ago
    Hi there and welcome to the forum!
    You have basically 2 options:
    - Increase the resolution and the size of your images
    - Increase the resolution and use the zoom system
    First one is the easiest. The other one spares you resizing your images.
    For zooming you need the newest version (RC0) and the shadertoolkit: http://www.visionaire-studio.com/luadocs/#shadertoolkit

    Then you call once:
    shaderViewport(3, 0, 0, 0, 0, easeLinearIn)

    The 3 is the zoom.

    Kapitán

    1582 Posts

  • #4, z tobiassvenbladSunday, 07. May 2017, 07:41 hodinky 8 years ago
    Hi!
    Thank you both for your input! Since I don't really feel confident yet with scripting LUA, I'll just resize the images instead. I think that will save some headaches down the road anyway! Cheers :-)

    //Toby

    Bažant

    7 Posts