| Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
global:gui [2016/09/28 02:23]
Mistermind |
global:gui [2022/12/24 23:23] (current)
FreedTerror |
| Here you can set several in-game GUI options and freely use the information in your own GUI scripts. | Here you can set several in-game GUI options and freely use the information in your own GUI scripts. |
| |
| It's recommended that you go through [[https://unity3d.com/learn/tutorials/modules/beginner/ui|Unity's UI tutorials]] to learn more about how Unity handles UI elements in version 5+. | It's recommended that you go through [[https://unity3d.com/learn/tutorials/modules/beginner/ui|Unity's UI tutorials]] and [[https://www.youtube.com/watch?v=ZnbRpPUDJnU|our video tutorial]] to learn more about how Unity handles UI elements in version 5+. |
| |
| |
| |
| **Use Canvas Scaler:** Use the dynamic canvas scaler system (recommended). | **Use Canvas Scaler:** Use the dynamic canvas scaler system (recommended). |
| * Scale Mode: How the Canvas will scale your UI. For more detailed information on Canvas Scale modes, see the [[http://docs.unity3d.com/Manual/script-CanvasScaler.html|Unity Manual]]. | * **Scale Mode:** How the Canvas will scale your UI. For more detailed information on Canvas Scale modes, see the [[http://docs.unity3d.com/Manual/script-CanvasScaler.html|Unity Manual]]. |
| * __Constant Pixel Size__: A fixed screen size, UI elements retain their size in pixels regardless of screen size. Use this if you know the exact resolution of your target device/platform. | * **Constant Pixel Size:** A fixed screen size, UI elements retain their size in pixels regardless of screen size. Use this if you know the exact resolution of your target device/platform. |
| * Reference Pixels Per Unit: How many pixels of the sprite covers a unit in UI (if sprite's Pixels Per Unit setting used). | * **Reference Pixels Per Unit:** How many pixels of the sprite covers a unit in UI (if sprite's Pixels Per Unit setting used). |
| * Scale Factor: Scale UI elements by this factor. | * **Scale Factor:** Scale UI elements by this factor. |
| * __Scale with Screen Size__: (Default) Scales the UI with the screen size. Use this if your target resolution is unknown. | * **Scale with Screen Size:** (Default) Scales the UI with the screen size. Use this if your target resolution is unknown. |
| * Reference Pixels Per Unit: How many pixels of the sprite covers a unit in UI (if sprite's Pixels Per Unit setting used). | * **Reference Pixels Per Unit:** How many pixels of the sprite covers a unit in UI (if sprite's Pixels Per Unit setting used). |
| * Screen Match Mode: How to scale the canvas if aspect ratio doesn't fit the reference Resolution. | * **Screen Match Mode:** How to scale the canvas if aspect ratio doesn't fit the reference Resolution. |
| * Match Width or Height: Scale the canvas using as reference the width, height, or somewhere in between. | * **Match Width or Height:** Scale the canvas using as reference the width, height, or somewhere in between. |
| * Resolution: Reference resolution the UI is designed for. If target resolution is higher, Canvas will scale up; if lower it will scale down. | * **Resolution:** Reference resolution the UI is designed for. If target resolution is higher, Canvas will scale up; if lower it will scale down. |
| * __Constant Physical Size__: Creates the UI in World Space. Generally not recommend for UFE. | * **Constant Physical Size:** Creates the UI in World Space. Generally not recommend for UFE. |
| * Reference Pixels Per Unit: How many pixels of the sprite covers a unit in UI (if sprite's Pixels Per Unit setting used). | * **Reference Pixels Per Unit:** How many pixels of the sprite covers a unit in UI (if sprite's Pixels Per Unit setting used). |
| * Physical Unit: Specify position and sizes in either Centimetres/Millimetres/Inches/Points/Picas | * **Physical Unit:** Specify position and sizes in either Centimetres/Millimetres/Inches/Points/Picas |
| * Fallback Screen DPI: Assume this DPI is DPI unknown. | * **Fallback Screen DPI:** Assume this DPI is DPI unknown. |
| * Default Sprite DPI: DPI setting for sprite with Pixels Per Unit setting that matches Reference Pixels Per Unit. | * **Default Sprite DPI:** DPI setting for sprite with Pixels Per Unit setting that matches Reference Pixels Per Unit. |
| * Update Canvas Preview: If you made any alteration to the variables above with one of the screens opened, click here to update the preview. | * **Update Canvas Preview:** If you made any alteration to the variables above with one of the screens opened, click here to update the preview. |
| |
| ---- | ---- |
| ===== Screens ===== | ===== Screens ===== |
| Create prefabs of your UI elements and assign them to the corresponding fields below. Click ''Open'' to start editing each screen. You will find several custom options including sounds, music, interface elements, and a standard easy-to-use Unity UI editor for each individual screen under the Inspector tab. Absolutely no coding is required here. | Select one of the screens and click ''Open'' to start editing it. You will find several custom options including sounds, music, interface elements; and an easy-to-use UI editor under the [[https://docs.unity3d.com/Manual/Hierarchy.html|hierarchy tab]]. Each screen has its own set of options and they can be accessed under the [[https://docs.unity3d.com/Manual/UsingTheInspector.html|inspector tab]]. No coding is required. |
| |
| To create your own UI screens, we recommend duplicating a default one then editing as you see fit, including the UI script. All UI scripts are open source on all versions of UFE, and are commented to help understand the functions. | For more on UI check out our [[https://www.youtube.com/watch?v=ZnbRpPUDJnU|video tutorial]]. |
| | |
| | To create your own UI screens we recommend you first duplicate one of the defaults and edit as you see fit (including the UI script). All UI scripts are open source on all versions of UFE, and are commented to help understand the functions. |
| |
| {{ :layout2.png?direct&850 |}} | {{ :layout2.png?direct&850 |}} |
| ---- | ---- |
| ===== Video Tutorial ===== | ===== Video Tutorial ===== |
| {{youtube>large:ZnbRpPUDJnU }} | {{youtube>ZnbRpPUDJnU }} |
| | {{youtube>RYQw1nYvWY8 }} |
| |
| ---- | ---- |
