Supporting multiple resolutions

[flashrocket]

Hello, I'm tying to write a game and I found problem.Supporting multiple resolutions.

• What is the best way to do this?

I created an implementation but it had a problem.
I created a small sized sf::View(800x600) and scaled it into a large screen(1366x768)
But during the up scaling I noticed that drawable objects such as sf::CircleShape were crisp while sf::Text was pixelated.

(click to show/hide)

Screenshot in attachments contains view of 200x200 scaled to window of approximately 1350x750

If this is a good implementation then

• Why does this happen?
• How do I fix it?

[zsbzsb]

Why does this happen?

Because sf::Text is drawn using textures, and when textures are scaled unless some magical data is added to the texture the limited information available must be scaled up. Shapes on the other hand are drawn using vertices and the GPU is responsible for filling in the pixels between the points thus no scaling is required.

How do I fix it?

You are scaling a texture, do the fix for not scaling a texture.

(click to show/hide)

Don't draw text with a scaled view.

[flashrocket]

(click to show/hide)

Don't draw text with a scaled view.

Do you mean to say

• create a large view and downscale it
• change the character size on each change in resolution while using a native sized view

Is there any alternate method of supporting multi-resolution.

[Jesper Juhl]

The options I can think of are:

 You can scale things.

 You can have pre-created images for different resolutions.

 You can use vector graphics that are effectively resolution independent.

 You can keep your images at one resolution and letterbox when resolution goes up.

I can't really think of other possibilities atm, but please prove me wrong and add some more ;-)

[flashrocket]

You can scale things.

Can you please be more specific. Upscaling? Downscaling? Scale What?(Views or textures)

You can use vector graphics that are effectively resolution independent.

I'm trying to use fonts(truetype) I think they are vector(https://msdn.microsoft.com/en-us/library/windows/desktop/dd162893(v=vs.85).aspx) Is there some other way?
I thought SVG wasn't supported in SFML?

You can keep your images at one resolution and letterbox when resolution goes up.

What's a letterbox?

[flashrocket]

After tinkering around I found that setting view to (something)x768 using similar code as below to be useful in resolutions varying from 800x600 to 1366x768

(click to show/hide)

view.setCenter(512,384);
sf::Vector2u size=window.getSize();
view.setSize(768*size.x/size.y,768);

Please do suggest a better solution than this.