SafeZone: Difference between revisions

From Bohemia Interactive Community
Jump to navigation Jump to search
m (Text replacement - "[[Category:ArmA_2:_Editing" to "[[Category:Arma_2:_Editing")
m (Text replacement - "{{arma2}}" to "{{GameCategory|arma2|link= y}}")
 
(8 intermediate revisions by 2 users not shown)
Line 3: Line 3:


* '''Aspect Ratio''' - change screen width to fit user's monitor
* '''Aspect Ratio''' - change screen width to fit user's monitor
* '''Interface Size''' - resize size of interface [[Control]]s, like menus, hints, cursors, etc. Introduced in [[{{arma2}}]].
* '''Interface Size''' - resize size of interface [[Control]]s, like menus, hints, cursors, etc. Introduced in {{GameCategory|arma2|link= y}}.




Line 14: Line 14:
** [[safeZoneX]], [[safeZoneY]], [[safeZoneW]] and [[safeZoneH]], with additional [[safeZoneXAbs]] and [[safeZoneWAbs]] to work with multi-screen size.
** [[safeZoneX]], [[safeZoneY]], [[safeZoneW]] and [[safeZoneH]], with additional [[safeZoneXAbs]] and [[safeZoneWAbs]] to work with multi-screen size.
** In case game is running only on one monitor, safeZoneXAbs equals to safezoneX and safezoneWAbs is same as safezoneW.
** In case game is running only on one monitor, safeZoneXAbs equals to safezoneX and safezoneWAbs is same as safezoneW.
** Safezones serves only as references to absolute positions. Result of safezoneX can for example be -0.452381, which means it's left from absolute area.
** Safezones serves only as references to absolute positions. Result of safezoneX can for example be -0.452381, which means it is left from absolute area.




Line 20: Line 20:


Control with following size will cover whole screen (middle screen in case of TripleHead):
Control with following size will cover whole screen (middle screen in case of TripleHead):
x = safezoneX;
<syntaxhighlight lang="cpp">
y = safezoneY;
x = safeZoneX;
w = safezoneW;
y = safeZoneY;
h = safezoneH;
w = safeZoneW;
h = safeZoneH;
</syntaxhighlight>
 
Following proportions will cover all screens in TripleHead:
Following proportions will cover all screens in TripleHead:
x = safezoneXAbs;
<syntaxhighlight lang="cpp">
y = safezoneY;
x = safeZoneXAbs;
w = safezoneWAbs;
y = safeZoneY;
h = safezoneH;
w = safeZoneWAbs;
h = safeZoneH;
</syntaxhighlight>
 
Creates centered control with 80% width and height:
Creates centered control with 80% width and height:
x = safezoneX + 0.1 * safezoneW;
<syntaxhighlight lang="cpp">
y = safezoneY + 0.1 * safezoneH;
x = safeZoneX + 0.1 * safeZoneW;
w = safezoneW * 0.8;
y = safeZoneY + 0.1 * safeZoneH;
h = safezoneH * 0.8;
w = safeZoneW * 0.8;
Creates control with absolute width and height, moved 10% from top left screen corner
h = safeZoneH * 0.8;
x = safezoneX + 0.1 * safezoneW;
</syntaxhighlight>
y = safezoneY + 0.1 * safezoneH;
 
w = 0.2;
Creates control with absolute width and height, moved 10% from top left screen corner:
h = 0.3;
<syntaxhighlight lang="cpp">
Creates the same as above, but aligned to bottom right corner
x = safeZoneX + 0.1 * safeZoneW;
x = safezoneX + safezoneW - 0.2;
y = safeZoneY + 0.1 * safeZoneH;
y = safezoneY + safezoneH - 0.3;
w = 0.2;
w = 0.2;
h = 0.3;
h = 0.3;
</syntaxhighlight>
Creates a control that spans the horizontal and is centered on the vertical according to the control's aspect ratio (useful for fullscreen images that shouldn't be stretched but letterboxed). '''''2''''' is the aspect ratio.
 
Creates the same as above, but aligned to bottom right corner:
<syntaxhighlight lang="cpp">
x = safeZoneX + safeZoneW - 0.2;
y = safeZoneY + safeZoneH - 0.3;
w = 0.2;
h = 0.3;
</syntaxhighlight>
 
Creates a control that spans the horizontal and is centered on the vertical according to the control's aspect ratio (useful for fullscreen images that shouldn't be stretched but letterboxed). '''{{Color|red|2}}''' is the aspect ratio:
  x = safeZoneX;
  x = safeZoneX;
  y = safeZoneY+((safeZoneH-(safeZoneW/'''''2'''''*(4/3)))/2);
  y = safeZoneY + ((safeZoneH - (safeZoneW / '''{{Color|red|2}}''' * (4/3))) / 2);
  w = safeZoneW;
  w = safeZoneW;
  h = safeZoneH/'''''2'''''*(4/3);
  h = safeZoneH / '''{{Color|red|2}}''' * (4/3);




Line 64: Line 79:
File:UI 16-10 Normal.jpg|16:10 / Normal
File:UI 16-10 Normal.jpg|16:10 / Normal
File:UI 16-9 VerySmall.jpg|16:9 / Very Small
File:UI 16-9 VerySmall.jpg|16:9 / Very Small
File:UI 4-3 VeryLarge.jpg|4:3 / Very Large ([[CWA]]&nbsp;default)
File:UI 4-3 VeryLarge.jpg|4:3 / Very Large ([[:Category:{{Name|ofp|cat}}|{{Name|arma0|short}}]]'s&nbsp;default)
File:UI 12-3.jpg|12:3 (TripleHead)
File:UI 12-3.jpg|12:3 (TripleHead)
</gallery>
</gallery>
Line 71: Line 86:


<gallery>
<gallery>
File:UI options size Arma2.jpg|Arma 2 - Interface Size
File:UI options size Arma2.jpg|{{arma2}} - Interface Size
File:UI options aspect Arma2.jpg|Arma 2 - Aspect Ratio
File:UI options aspect Arma2.jpg|{{arma2}} - Aspect Ratio
File:UI options size TakeOn.jpg|Take On Helicopters - Interface Size
File:UI options size TakeOn.jpg|{{tkoh}} - Interface Size
File:UI options aspect TakeOn.jpg|Take On Helicopters - Aspect Ratio
File:UI options aspect TakeOn.jpg|{{tkoh}} - Aspect Ratio
</gallery>
</gallery>




[[Category: Take On Helicopters: Editing]]
[[Category:GUI Topics|GUI Topics]]
[[Category:Arma_2:_Editing]]
[[Category: Dialogs]]
[[Category:Command_Group:_GUI_Control|{{uc:{{PAGENAME}}}}]]

Latest revision as of 14:01, 19 March 2024

Safezone and Absolute proportions (16:10 / Normal)

In Arma: Cold War Assault, user interface Displays were drawn always in 4:3 aspect ratio. Since then, many other aspect ratios became common and interface has to be compatible with them. Currently, interface is base on following variables:

  • Aspect Ratio - change screen width to fit user's monitor
  • Interface Size - resize size of interface Controls, like menus, hints, cursors, etc. Introduced in Arma 2.


Coordinate Systems

Games now contains following two coordinate systems, both of them starting in their top left corner and going bottom right (see picture on right).

  • Absolute (red frame) - based on CWA system. Its always 4:3 and changes together with Interface Size.
    • As absolute area is always centered, [0.5,0.5] is always center a of screen.
  • Safezone (black frame) - actual monitor size. Uses following commands:
    • safeZoneX, safeZoneY, safeZoneW and safeZoneH, with additional safeZoneXAbs and safeZoneWAbs to work with multi-screen size.
    • In case game is running only on one monitor, safeZoneXAbs equals to safezoneX and safezoneWAbs is same as safezoneW.
    • Safezones serves only as references to absolute positions. Result of safezoneX can for example be -0.452381, which means it is left from absolute area.


Sample configs

Control with following size will cover whole screen (middle screen in case of TripleHead):

x = safeZoneX;
y = safeZoneY;
w = safeZoneW;
h = safeZoneH;

Following proportions will cover all screens in TripleHead:

x = safeZoneXAbs;
y = safeZoneY;
w = safeZoneWAbs;
h = safeZoneH;

Creates centered control with 80% width and height:

x = safeZoneX + 0.1 * safeZoneW;
y = safeZoneY + 0.1 * safeZoneH;
w = safeZoneW * 0.8;
h = safeZoneH * 0.8;

Creates control with absolute width and height, moved 10% from top left screen corner:

x = safeZoneX + 0.1 * safeZoneW;
y = safeZoneY + 0.1 * safeZoneH;
w = 0.2;
h = 0.3;

Creates the same as above, but aligned to bottom right corner:

x = safeZoneX + safeZoneW - 0.2;
y = safeZoneY + safeZoneH - 0.3;
w = 0.2;
h = 0.3;

Creates a control that spans the horizontal and is centered on the vertical according to the control's aspect ratio (useful for fullscreen images that shouldn't be stretched but letterboxed). 2 is the aspect ratio:

x = safeZoneX;
y = safeZoneY + ((safeZoneH - (safeZoneW / 2 * (4/3))) / 2);
w = safeZoneW;
h = safeZoneH / 2 * (4/3);


User Interface Editor

User Interface Editor helps with display creation, enabling designer to place controls in simple WYSIWYG editor and export it afterwards to config format.


Image gallery

Aspect Ratio and Interface Size combinations

Video Options