Why are my bitmap labels changing size?

FailingUser · February 23, 2019, 1:16pm

I’ve created labels using bitmap fonts when my design resolution was 960x640, when I change my design resolution size to 1280x720, the labels also increase in size for some reason, making them really low quality. How can I keep my labels from changing size?

slackmoehrle · February 23, 2019, 1:17pm

BitMap fonts will always look bad when changing size. You need a separate size for each one you want. You should switch to TTF labels or make more sizes.

https://docs.cocos2d-x.org/cocos2d-x/en/ui_components/labels.html

FailingUser · February 25, 2019, 8:06am

But I didn’t change the size of the bitmap label. All I did was change the design resolution in AppDelegate.cpp and for some reason, the bitmap also changes size.

smitpatel88 · February 25, 2019, 9:50am

isnt this your answer…?? !!!

FailingUser · February 26, 2019, 10:11am

Doesn’t the design resolution size just change the size of the screen/window? Or does it change the size of the screen/window AND scale everything inside?

If designResolutionSize scales everything inside the window, then why do the bitmap labels only look good at 960x640? Were they made for that size?

smitpatel88 · February 27, 2019, 4:15am

NO , you just make whole game for single resolution i.e. Design resolution.
screen/window depends on mobile device on which game starts.
So design resolution should not change at runtime or specific to mobile resolution.

Share some screenshot so we can see the difference, on which platform you are testing?
Please look into documentation first, as basics need to be clear to make coding easy for you.
I dont know where is current documentation is but i just found for Creator, basic concept is same so you can go through this link.
https://docs.cocos2d-x.org/creator/manual/en/ui/multi-resolution.html

FailingUser · February 27, 2019, 10:28am

I’m testing on Windows 8.1, and I’m not using cocos creator, just cocos2d-x (C++)

designResolutionSize = (960, 640)

designResolutionSize = (1280, 720)

Also, in the documentation, it says

Design resolution - help to determine how large or small to design your Sprite objects (and much more). This is based upon the screen size of the device the game is running on. Because of this, it is always best to test your game on several devices of different screen resolution.

So, is it just a size with which you design your assets for correct resolution? Is there a correct design resolution size? What if I want to design at 1280x720? Can I just not do that because the bitmap fonts always end up being blurry?

slackmoehrle · February 27, 2019, 10:42am

@FailingUser

Can you share why the 1st image is good quality and 2nd image is bad quality? It looks fine from my eyes and it looks like things adjusted for the size of the device.

smitpatel88 · February 28, 2019, 4:21am

+1

Why you are using 2 design resolution?? Its very old school.
Normally we make game for 1 design resolution and ResolutionPolicy will take care of other aspect ration. This is really important and complex to figure out at start but you can find some really usefull threads in this forum regarding this.

dimon4eg · February 28, 2019, 8:43am

Agree with you, I also use only one design resolution but problem what cocos2d has such code in templates and users thinks it’s good practice:

github.com

cocos2d/cocos2d-x/blob/9483182e6a3773239cce716d640070f975fe6c29/templates/cpp-template-default/Classes/AppDelegate.cpp#L45


#if USE_AUDIO_ENGINE
#include "audio/include/AudioEngine.h"
using namespace cocos2d::experimental;
#elif USE_SIMPLE_AUDIO_ENGINE
#include "audio/include/SimpleAudioEngine.h"
using namespace CocosDenshion;
#endif


USING_NS_CC;


static cocos2d::Size designResolutionSize = cocos2d::Size(480, 320);
static cocos2d::Size smallResolutionSize = cocos2d::Size(480, 320);
static cocos2d::Size mediumResolutionSize = cocos2d::Size(1024, 768);
static cocos2d::Size largeResolutionSize = cocos2d::Size(2048, 1536);


AppDelegate::AppDelegate()
{
}


AppDelegate::~AppDelegate() 
{

smitpatel88 · February 28, 2019, 9:02am

+1
Agreed.
Actually we have our own templates so whenever we start new project we simply delete auto generated 4 files and paste our code so never noticed this in recent times.
Cocos docs & templates need to change this.

FailingUser · February 28, 2019, 9:52am

Normally we make game for 1 design resolution and ResolutionPolicy will take care of other aspect ration.

OK, but what design resolution is that? Is it 480x320 or something else? The text looks blurry with 1280x720, so are there resolutions that I am or am not supposed to use?

FailingUser · February 28, 2019, 9:52am

You may not be able to tell from the picture, but the second one is more blurry.

In the first one, 960x640, the text is sharp, however when I increase the design resolution, the bitmap text also increased, making it low quality, as it was not made for such size.

smitpatel88 · February 28, 2019, 10:50am

well we use 1280x720 only.

slackmoehrle · February 28, 2019, 11:06am

It can actually be whatever you want it to be and that your art works for.

FailingUser · March 1, 2019, 12:59pm

So why are the bitmap fonts so blurry at 1280x720?

smitpatel88 · March 1, 2019, 1:19pm

share your files here.

FailingUser · March 2, 2019, 9:00pm

I don’t know how to share .fnt files, but I just used Hiero to generate them.