| Webinar 45 min. | Zajęcia online |
| Opis jednozdaniowy | Uczestnicy nauczą się tworzyć interfejs użytkownika w Unity, wykorzystując Canvas, RectTransform, Layout Groups, anchoring oraz zasady responsywnego skalowania. |
| Materiały źródłowe | Podstawowe: https://docs.unity3d.com/Packages/com.unity.ugui@2.0/manual/UIBasicLayout.html https://docs.unity3d.com/Packages/com.unity.ugui@2.0/manual/class-RectTransform.html https://docs.unity3d.com/Packages/com.unity.ugui@2.0/manual/UIAutoLayout.html https://docs.unity3d.com/Packages/com.unity.ugui@2.0/manual/HOWTO-UIMultiResolution.html Dodatkowe: https://learn.unity.com/project/creative-core-ui |
Wprowadzenie: czemu służy ta lekcja?
Aby odpowiednio przygotować się do zajęć, prowadzący powinien zapoznać się z mechaniką działania komponentu Canvas w Unity oraz różnicami pomiędzy jego podstawowymi trybami renderowania: Screen Space – Overlay, Screen Space – Camera oraz World Space.
Warto przygotować krótką scenę demonstracyjną zawierającą kilka gotowych elementów UI, takich jak panele, przyciski czy pola tekstowe. Ułatwi to wyjaśnienie koncepcji hierarchii UI oraz sposobu renderowania interfejsu.
Kluczowym zagadnieniem, które prowadzący powinien dobrze opanować i jasno przedstawić, jest działanie komponentu RectTransform — w szczególności anchoring, pivot oraz zasady zachowania elementów UI przy zmianach rozdzielczości ekranu. Należy również przetestować różne ustawienia Canvas Scaler, aby móc zaprezentować ich wpływ na responsywność interfejsu.
W ramach warsztatu warto przygotować prosty, realistyczny przykład interfejsu gry — najlepiej ekran główny (menu startowe) składający się z logo, zestawu przycisków (Start, Settings, Quit) oraz prostego widoku ustawień. Pozwoli to przeprowadzić uczestników przez pełny proces budowy UI: od dodawania elementów, przez ustawianie layoutu i anchoringu, aż po konfigurację interakcji.
Na zakończenie prowadzący powinien upewnić się, że przygotowany scenariusz poprawnie działa w różnych proporcjach ekranu (aspect ratio), aby móc wskazać najczęstsze problemy i pułapki, z jakimi spotykają się początkujący twórcy UI w Unity.
Jak się przygotować?
Dzięki udziałowi w zajęciach uczestnicy:
- zrozumieją, jak działa Canvas i w jaki sposób wpływa na renderowanie UI,
- poznają komponent RectTransform oraz zasady stosowania anchoringu,
- nauczą się korzystać z Layout Groups oraz Content Size Fitter,
- będą potrafili tworzyć przyciski, teksty, okna oraz elementy HUD,
- dowiedzą się, jak podłączać UI do skryptów (OnClick, eventy),
- nauczą się tworzyć responsywne interfejsy działające w różnych rozdzielczościach,
- poznają zasady prefabowania UI (menu, panele, popupy),
- opanują podstawowe interakcje (hover, click, enable/disable),
- zrozumieją dobre praktyki budowania hierarchii UI.
Powyższe efekty stanowią minimalny zakres wiedzy i umiejętności, które muszą zostać przekazane podczas zajęć.
Warto zapamiętać!
Kluczowe zagadnienia dla uczestników:
- Canvas renderuje UI inaczej niż pozostałe elementy sceny — warto minimalizować liczbę Canvasów,
- anchoring to klucz do poprawnego i responsywnego layoutu,
- Layout Groups oszczędzają czas i pomagają utrzymać porządek,
- TextMeshPro jest obecnym standardem — komponent Text jest przestarzały,
- warto korzystać z prefabów, szczególnie przy powtarzalnych elementach UI,
- UI należy zawsze testować w różnych rozdzielczościach i proporcjach ekranu,
- drobne zmiany w skali lub anchoringu mogą zaoszczędzić wiele godzin debugowania.