Idea: the HUD and menus laid out for every screen shape, never stretched #64

New issue

Open

opened 2026-11-13 01:04:09 +00:00 by llun · 1 comment

llun commented

2026-11-13 01:04:09 +00:00

Contributor

The idea

The HUD and menus laid out for every screen shape the Aspect ratio row offers (5:4, 4:3, 3:2, 16:10, 21:9, 32:9, 48:9), never stretched, as if the game had been made for that shape:

Uniform scale, the 16:9 size as the reference. Wider screens keep the HUD at exactly its 16:9 size (scaled from the height); narrower ones at the size a 16:9 screen of their width would show, so nothing is cut off.
Today a screen narrower than 16:9 gives the HUD the picture's whole width at its full height, so hearts, buttons, the minimap and text are stretched taller (Hookshot #2015 squeezes them back, but keeps them in a middle band). Wider screens keep the HUD in the middle 16:9, unstretched but far from the corners.
Anchored. Each element keeps its size and sits at its own edge or corner of the screen: hearts and magic top left, rupees bottom left, buttons top right, minimap bottom right, on wide and on tall screens.
A cap on very wide screens (32:9, 48:9), so the HUD does not end up on the side monitors or far out of view; native ultrawide games do the same.
16:9 exactly as today.

Prior work this builds on: Hookshot #2843 (ozwaldorf, open: "Extended" ultrawide menus, side panes moved out to the screen's edges at runtime, wide screens only) and #2015 (the HUD's vertical squeeze on narrower screens). The plan: carry #2843's planner over (credited), extend it to both axes so narrower screens anchor top and bottom, and add the cap.

Anything else

Claimed by llun (RTX 5080, Windows 11, 1920x1080 screen; other shapes checked with the game's own screenshots at those output sizes, headless). Before and after shots at every shape will be on the pull request.

### The idea The HUD and menus laid out for every screen shape the Aspect ratio row offers (5:4, 4:3, 3:2, 16:10, 21:9, 32:9, 48:9), never stretched, as if the game had been made for that shape: - **Uniform scale, the 16:9 size as the reference.** Wider screens keep the HUD at exactly its 16:9 size (scaled from the height); narrower ones at the size a 16:9 screen of their width would show, so nothing is cut off. - **Today** a screen narrower than 16:9 gives the HUD the picture's whole width at its full height, so hearts, buttons, the minimap and text are stretched taller (Hookshot [#2015](https://github.com/NotRexed/Hookshot/pull/2015) squeezes them back, but keeps them in a middle band). Wider screens keep the HUD in the middle 16:9, unstretched but far from the corners. - **Anchored.** Each element keeps its size and sits at its own edge or corner of the screen: hearts and magic top left, rupees bottom left, buttons top right, minimap bottom right, on wide and on tall screens. - **A cap on very wide screens** (32:9, 48:9), so the HUD does not end up on the side monitors or far out of view; native ultrawide games do the same. - **16:9 exactly as today.** Prior work this builds on: Hookshot [#2843](https://github.com/NotRexed/Hookshot/pull/2843) (ozwaldorf, open: "Extended" ultrawide menus, side panes moved out to the screen's edges at runtime, wide screens only) and [#2015](https://github.com/NotRexed/Hookshot/pull/2015) (the HUD's vertical squeeze on narrower screens). The plan: carry [#2843](https://github.com/NotRexed/Hookshot/pull/2843)'s planner over (credited), extend it to both axes so narrower screens anchor top and bottom, and add the cap. ### Anything else Claimed by llun (RTX 5080, Windows 11, 1920x1080 screen; other shapes checked with the game's own screenshots at those output sizes, headless). Before and after shots at every shape will be on the pull request.

mooki referenced this issue

2026-11-13 02:27:26 +00:00

Game: centred ultrawide loading fades leave the side strips visible #82

mooki referenced this issue

2026-11-13 02:27:56 +00:00

WIP: fix(vk): keep ultrawide loading fades full width #57

llun referenced this issue

2026-11-13 02:33:11 +00:00

feat(ui): the HUD laid out for every screen shape at its 16:9 size, anchored to the screen's edges #95

llun commented

2026-11-13 02:34:23 +00:00

Author

Contributor

Pull request: #95. The HUD keeps its 16:9 size on every shape and sits at the screen's edges, with no new setting: on narrower screens its sides move in (below 3:2 it shrinks a little), on wider ones they move out up to 12:5's sides (32:9), and 48:9 keeps it on the middle screen. Menus fit a narrower screen's width instead of stretching. It builds on ozwaldorf's planner from https://github.com/NotRexed/Hookshot/pull/2843 (credited). Before and after screenshots for every shape are on the PR.

Pull request: https://git.magicbean.dev/MagicBeanDev/Longshot/pulls/95. The HUD keeps its 16:9 size on every shape and sits at the screen's edges, with no new setting: on narrower screens its sides move in (below 3:2 it shrinks a little), on wider ones they move out up to 12:5's sides (32:9), and 48:9 keeps it on the middle screen. Menus fit a narrower screen's width instead of stretching. It builds on ozwaldorf's planner from https://github.com/NotRexed/Hookshot/pull/2843 (credited). Before and after screenshots for every shape are on the PR.