Hud Scaling

[gordonramp]

How can I get a Hud to look the same at any screen resolution?

[AndyGFX]

You need calc scale coef. for base screen resolution, then draw all HUD items multiplied by new scale (position and size).

[gordonramp]

Hi Andy, That sounds mathematically complicated. How about having a different image for each resolution?

[AndyGFX]

Isn't comlicated.

 

Example

 

Base screen resolution = 1024x768 (HUD is designed for this res.)

 

User defined resolution after start is now: 1280x1024

 

Math (new_res/base_res):

 

hud_x_scale = 1280/1024

hud_y_scale = 1024/768

 

and for all HUD elements you need calc new position:

 

new_x = hud_x_scale * item_x

new_y = hud_y_scale * item_y

 

and size:

 

new_w = hud_x_scale * item_w

new_h = hud_y_scale * item_h

 

and draw it.

 

Note: You don't need create different images when are designed for max resolution.

[gordonramp]

Thanks, I'll ponder that.

[Raul]

Hi Andy, That sounds mathematically complicated. How about having a different image for each resolution?

 

This is completely zero.

 

The HUD images have the same width and height on any resolution. You only need the position on screen. AndyGFX solution should be perfect for what you want.

[paramecij]

Position AND scale the images if you want that the HUD elements to always occupy the same % of screen space. Like AndyGFX said

[Andr3wHur5t]

ill post a small example tis is how i did it in lua

 

DrawImage(Button,GraphicsWidth()/1.8,GraphicsHeight()/1.35,GraphicsWidth()/2.5,GraphicsHeight()/2.8)

 

hope this helps.