> For the complete documentation index, see [llms.txt](https://irrelevant-pixel.gitbook.io/irrelevant-pixel/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irrelevant-pixel.gitbook.io/irrelevant-pixel/advancing-into-internal-structure/aspect-ratios-+-resolutions.md).

# Aspect Ratios + Resolutions

## <mark style="color:green;">How</mark> <mark style="color:green;"></mark><mark style="color:green;">`Resolutions`</mark> <mark style="color:green;"></mark><mark style="color:green;">are handled</mark>

Any time it is necessary to get an array of <mark style="color:green;">**`Resolutions`**</mark>, this `Get` function is used:

<figure><img src="https://3202416498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwlDZAQc635Buuq6HL7c0%2Fuploads%2Fm0SCrgPCJjvrtWKWXmMI%2FGet%20Resolutions.png?alt=media&amp;token=e9fa6860-d50d-43dc-8069-032fbc7b8d34" alt="" width="563"><figcaption></figcaption></figure>

As you can see, the second one is supplemented with the variable from the **`SaveGame`** file, in case you are not satisfied with standard Unreal Engine **Resolutions**, you can get help from that array variable.

***

## <mark style="color:blue;">Understanding concept of</mark> <mark style="color:blue;"></mark><mark style="color:blue;">`Aspect Ratios`</mark> <mark style="color:blue;">in this Menu project</mark>

I should start with mentioning that <mark style="color:blue;">**`Aspect Ratios`**</mark> is a feature that started as experimental, and then it was decided to improve it and keep it.&#x20;

It is half-automatic. <mark style="color:green;">**`Resolutions`**</mark> is that part that will be handled automatically, when manual part is <mark style="color:blue;">**`Ratios`**</mark>. Those <mark style="color:blue;">`16:9`</mark> <mark style="color:blue;">`4:3`</mark> <mark style="color:blue;">`1:1`</mark> you see, should be added to the array variable in `SaveGame` by hand(*unfortunately*):

<figure><img src="https://3202416498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwlDZAQc635Buuq6HL7c0%2Fuploads%2FdyF62ncNz1Hz5jmD0C8n%2FAspect%20Ratios%20in%20SaveGame.png?alt=media&amp;token=f3545ce3-2a5b-48ec-bad6-7a56ef394224" alt=""><figcaption></figcaption></figure>

So if you would have lets say <mark style="color:green;">`1280x1024`</mark> but there is no <mark style="color:blue;">`5:4`</mark> in your <mark style="color:blue;">**`Ratio Selector`**</mark>, then player will never be able to choose it.

{% hint style="success" %}
Once I got to the point of publishing this project to the **Marketplace**, the realization came that it is quite doable to make this automatic as well, make the <mark style="color:blue;">**`Ratios`**</mark> system compose its array based on provided <mark style="color:green;">**`Resolutions`**</mark>, but it will(*probably*) come later as an update.
{% endhint %}

For now, just google popular aspect ratios(*there are not so many of them really*) and add them to that array.

***

## <mark style="color:yellow;">In case you prefer not to have</mark> <mark style="color:blue;">`Aspect Ratios`</mark> <mark style="color:yellow;">and go with a plain-simple</mark> <mark style="color:yellow;"></mark>*<mark style="color:yellow;">all-in-one</mark>* <mark style="color:green;">`Resolutions`</mark>

I've put two variations of <mark style="color:green;">**`Resolutions`**</mark> functionality on my `Screen Page`, you can swap between those in less than a minute.

{% hint style="danger" %}
both `Resolutions` can't live up together, you have to disconnect one you don't want
{% endhint %}

On the **Page Screen** find <mark style="color:green;">**`Selector for All Resolutions`**</mark> and go to its **Visibility** setting. It `Collapsed`, change it to `Visible`. Other `Selectors` for <mark style="color:blue;">**`Aspect Ratio`**</mark> <mark style="color:red;">**and**</mark> <mark style="color:green;">**`Resolution`**</mark> set to the opposite - `Collapsed`, so only one of those resolution widgets would be present in the game:

<figure><img src="https://3202416498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwlDZAQc635Buuq6HL7c0%2Fuploads%2FDUiyL3oZxAJshTiM3eqM%2FAlternative%20Resolutions%20in%20Editor.png?alt=media&amp;token=4b98073d-2aff-4fdf-9a01-adc6352b1ca4" alt="" width="563"><figcaption></figcaption></figure>

Switch to the `Event Graph`, remove connections for one set of resolutions and connect for the other:

<figure><img src="https://3202416498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwlDZAQc635Buuq6HL7c0%2Fuploads%2F3cioqiVFZaqqbmsjX0sp%2FAll%20resolutions%20in%20Event%20Graph%201.png?alt=media&amp;token=834a9264-1243-42c9-ad06-5bad92d3ba10" alt="" width="338"><figcaption><p>before</p></figcaption></figure>

<figure><img src="https://3202416498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwlDZAQc635Buuq6HL7c0%2Fuploads%2FhFBRQaQ65eGR32jdvTSQ%2FAll%20resolutions%20in%20Event%20Graph%202.png?alt=media&amp;token=b55002d1-7d1a-45b4-8a4d-4f93be7a73ad" alt="" width="331"><figcaption><p>after</p></figcaption></figure>

Now it should work.