Strona e-learningowa jest zgodna ze standardami WCAG 2.1 na poziomie AA, zapewniając dostępność dla wszystkich użytkowników.

MODUŁ II — PODSTAWY PRACY W UNITY 2D

Drugi moduł szkolenia skupia się na praktycznym poznaniu środowiska Unity 2D oraz podstawowej obsługi interfejsu edytora. Uczestnicy uczą się poruszania po scenach oraz pracy z obiektami gry.

W trakcie zajęć omawiane są kluczowe okna Unity: Scene, Game, Hierarchy, Inspector, Project oraz Console. Uczestnicy poznają różnice pomiędzy projektami 2D i 3D oraz uczą się tworzyć i zapisywać sceny.

Moduł obejmuje pracę z grafiką typu Sprite, komponentem SpriteRenderer oraz podstawowe operacje na obiektach: pozycja, skala i obrót. Uczestnicy uczą się również hierarchii obiektów (Parent/Child), sortowania warstw (Sorting Layers, Order in Layer) oraz konfiguracji kamery w trybie Orthographic.

Moduł II Unity 2D - podstawy pracy

Moduł II — Szczegółowa lekcja: Podstawy pracy w Unity 2D

1. Interfejs środowiska Unity

🎮 Unity to program do tworzenia gier, który składa się z kilku okien. Każde okno ma inne zadanie. Na początku może to wyglądać skomplikowanie, ale w praktyce wszystko jest logicznie poukładane. W tym module uczysz się, gdzie co znajduje się w programie i do czego służy.

  • Scene (Scena)

    📍 To główne miejsce pracy.
    Tutaj budujesz swoją grę: ustawiasz postacie, platformy, tła i wszystkie obiekty.

    👉 Można powiedzieć: „to Twoja plansza do gry”.
  • Game (Gra)

    📍 To podgląd tego, co widzi gracz.
    Po kliknięciu ▶ Play tutaj uruchamia się gra.

    👉 Scene = budowanie gry, Game = granie w nią.
  • Hierarchy (Hierarchia)

    📍 Lista wszystkich obiektów w aktualnej scenie.
    Znajdziesz tu np. postać, tło, platformy, kamery.

    👉 Jeśli coś jest w grze — tutaj to zobaczysz.
  • Inspector (Inspektor)

    📍 Panel ustawień zaznaczonego obiektu.
    Po kliknięciu np. postaci możesz tu zmienić:
    • pozycję
    • rozmiar
    • kolizje
    • skrypty
    👉 To „panel sterowania” każdego obiektu.
  • Project (Projekt / Assets)

    📍 Tutaj znajdują się wszystkie pliki gry.
    Grafikę, dźwięki, skrypty i sceny trzymamy właśnie tutaj.

    👉 To jak folder z całym projektem gry.
  • Console (Konsola)

    📍 Miejsce, gdzie Unity pokazuje błędy i komunikaty.
    Jeśli coś nie działa, tutaj pojawi się czerwony błąd.

    👉 Zielone/normalne komunikaty = OK
    👉 Czerwone = coś jest źle w kodzie lub projekcie

🚀 Po opanowaniu tych okien uczestnik potrafi swobodnie poruszać się po Unity i rozumie gdzie buduje grę, gdzie ją uruchamia oraz gdzie znajdują się pliki projektu.

2. Różnice między 2D a 3D

🧠 Unity pozwala tworzyć gry 2D i 3D. Na początku może się wydawać, że to tylko „inny widok”, ale w praktyce zmienia się sposób pracy, ustawienia kamery oraz typ obiektów. W tym kursie pracujemy w trybie 2D, który jest prostszy i bardziej przejrzysty dla początkujących.

  • Brak osi Z w praktyce

    📌 W grach 2D nie myślimy o głębi tak jak w 3D.
    Obiekty poruszają się głównie w dwóch kierunkach: lewo/prawo i góra/dół.
  • Kamera Orthographic

    📌 W 2D używamy kamery Orthographic.
    Nie ma ona efektu „perspektywy”, więc obiekty nie zmniejszają się w oddali.

    👉 Dzięki temu gra wygląda jak klasyczna gra platformowa lub pixel-art.
  • Sprite zamiast modeli 3D

    📌 W 2D nie używamy modeli 3D (np. postaci z wielu trójkątów).
    Zamiast tego używamy:
    • Sprite — pojedynczy obrazek (np. PNG)
    • SpriteSheet — animacja z wielu klatek
  • Physics2D zamiast Physics 3D

    📌 Unity ma dwa systemy fizyki:
    • Physics 3D — dla gier trójwymiarowych
    • Physics2D — dla gier 2D
    👉 W tym kursie zawsze używamy Physics2D (np. Rigidbody2D, Collider2D).

3. Praca z obiektami w scenie

🧩 W Unity wszystko, co widzisz w grze, jest obiektem. Może to być postać, platforma, tło, kamera albo nawet niewidzialny punkt sterujący grą. Każdy taki element możemy przesuwać, zmieniać jego wielkość i obracać.

  • GameObject — czyli „obiekt w grze”

    📌 GameObject to podstawowy element w Unity.
    Każda rzecz w grze (postać, ściana, moneta) to osobny obiekt.

    👉 Można powiedzieć: „wszystko w grze to obiekty”.
  • Transform — pozycja obiektu

    📌 Każdy obiekt ma coś, co nazywa się Transform.
    To dzięki niemu Unity wie:
    • gdzie obiekt się znajduje (Position)
    • jak duży jest (Scale)
    • jak jest obrócony (Rotation)
    👉 Bez Transform obiekt nie mógłby istnieć w scenie.
  • Dodawanie obiektów do sceny

    📌 Obiekty możemy dodać na kilka prostych sposobów:
    • klikając prawym przyciskiem w Hierarchy
    • używając menu Create
    • przeciągając plik (np. obrazek PNG) do Scene
    👉 Najczęściej zaczynamy od przeciągnięcia obrazka.
  • Praca ze Sprite (obrazkami)

    📌 W grach 2D używamy obrazków (Sprite).
    To mogą być postacie, tła, platformy lub elementy UI.

    👉 Jak dodać Sprite:
    • przeciągnij plik PNG do folderu Assets
    • następnie przeciągnij go do Scene
    • Unity automatycznie tworzy obiekt w grze
  • Narzędzia do pracy z obiektami

    📌 Na górnym pasku Unity znajdują się narzędzia:
    • 🟦 Move — przesuwanie obiektów
    • 🔄 Rotate — obracanie obiektów
    • 📏 Scale — zmiana wielkości
    👉 Można też używać skrótów klawiszowych: W (Move), E (Rotate), R (Scale)

4. Sprite i SpriteRenderer

🖼️ W grach 2D wszystko, co widzisz (postać, tło, monety), to obrazki. W Unity takie obrazki nazywamy Sprite. A żeby je zobaczyć w grze, potrzebujemy komponentu SpriteRenderer, który „rysuje” obrazek na ekranie.

  • Import grafik PNG jako Sprite

    📌 Na początku musimy wgrać obrazek do Unity.
    Wystarczy przeciągnąć plik PNG do folderu Assets.

    👉 Unity automatycznie traktuje go jako grafikę do gry.
  • SpriteRenderer — wyświetlanie grafiki

    📌 SpriteRenderer to „ekran” dla obrazka.
    Bez niego obrazek istnieje w projekcie, ale nie widać go w grze.

    👉 Można powiedzieć: SpriteRenderer = „wyświetlacz obrazka”.
  • Skalowanie i obrót sprite’ów

    📌 Każdy sprite można:
    • powiększać i zmniejszać (Scale)
    • obracać (Rotation)
    • przesuwać (Position)
    👉 Dzięki temu budujemy cały świat gry.
  • Pivot — punkt „trzymania” obrazka

    📌 Pivot to punkt odniesienia obiektu.
    To od niego liczy się obrót i pozycja.

    👉 Przykład:
    • pivot na środku → obiekt obraca się równo
    • pivot na dole → postać „stoi na ziemi”

5. Hierarchia obiektów (Parent / Child)

🧠 W Unity możemy łączyć obiekty w relacje, jak „rodzic i dziecko”. Dzięki temu jeden obiekt może kontrolować inne.

  • Parent (obiekt nadrzędny)

    📌 To główny obiekt, który „trzyma” inne elementy.
  • Child (obiekt podrzędny)

    📌 To obiekt przypięty do Parent.
  • Co się dzieje w praktyce?

    📌 Jeśli przesuniesz Parent:
    • wszystkie Child poruszają się razem z nim
    👉 Dzięki temu łatwo buduje się np. postać + broń + efekty.

6. Sortowanie warstw i kamera

🎯 W grach 2D ważne jest to, co jest „na wierzchu”, a co „z tyłu”. Unity daje nam kontrolę nad tym, jak obiekty są rysowane na ekranie.

  • Sorting Layers (warstwy)

    📌 Warstwy określają, co jest na pierwszym planie, a co w tle.
    👉 np.:
    • Tło
    • Świat
    • Postać
    • UI
  • Order in Layer (kolejność)

    📌 Jeśli dwa obiekty są w tej samej warstwie:
    • większa liczba = obiekt na wierzchu
  • Kamera Orthographic

    📌 W grach 2D używamy kamery bez perspektywy.
    Obiekty nie zmieniają wielkości w zależności od odległości.

    👉 Dzięki temu gra wygląda „płasko” jak klasyczne platformówki.
  • Kadrowanie gry

    📌 Kamera decyduje, co widzi gracz.
    Możemy ustawić:
    • obszar widzenia
    • pozycję kamery
    • podążanie za postacią

Ćwiczenia praktyczne:

  • Dodaj obrazek PNG do Assets.
  • Przeciągnij Sprite do Scene.
  • Zmień skalę i obrót obiektu.
  • Utwórz Parent i Child i sprawdź zależność.
  • Ustaw Sorting Layers dla tła i postaci.
  • Sprawdź działanie kamery Orthographic.

🚀 Po tej lekcji uczestnik potrafi tworzyć grafikę 2D w Unity, łączyć obiekty w strukturę oraz kontrolować to, co widzi gracz na ekranie.


🎮 ĆWICZENIE PRAKTYCZNE — PRACA ZE SPRITE, HIERARCHIĄ I KAMERĄ (UNITY 2D)

W tym ćwiczeniu krok po kroku nauczysz się podstaw pracy w Unity 2D. Zbudujesz prostą scenę, dodasz grafikę, ustawisz obiekty w hierarchii oraz sprawdzisz jak działa kamera i warstwy wyświetlania.

📌 Nie pomijaj kroków — wykonuj wszystko dokładnie w podanej kolejności.


🧩 KROK 1 — Dodanie obrazka PNG do projektu (Assets)

Na początku musimy wgrać grafikę do Unity.

  • Otwórz Unity i projekt 2D.
  • Znajdź okno Project (na dole lub po lewej stronie).
  • Kliknij folder Assets.
  • Przeciągnij plik .PNG z komputera do Unity.

✔ Jeśli wszystko jest dobrze — obrazek pojawi się w Assets.


🧩 KROK 2 — Dodanie Sprite do sceny

  • Znajdź dodany obrazek w Assets.
  • Przeciągnij go na okno Scene.
  • Unity automatycznie utworzy obiekt w grze.

✔ Obiekt powinien pojawić się również w oknie Hierarchy.


🧩 KROK 3 — Zmiana skali i obrotu obiektu

  • Kliknij obiekt w Hierarchy.
  • Przejdź do okna Inspector.
  • Znajdź sekcję Transform.

Zmień wartości:

  • Scale → zmniejsz lub powiększ obiekt (np. 0.5 / 2)
  • Rotation → obróć obiekt (np. 45°)

✔ Obserwuj jak zmienia się obiekt w Scene.


🧩 KROK 4 — Tworzenie Parent i Child

  • Kliknij prawym w Hierarchy.
  • Wybierz Create Empty.
  • Nazwij obiekt: PLAYER_PARENT.

Teraz dodaj dziecko:

  • Przeciągnij Sprite (postać) na PLAYER_PARENT.
  • Obiekt stanie się Child (dzieckiem).

Sprawdzenie:

  • Przesuń PLAYER_PARENT w Scene.
  • Child porusza się razem z nim.

✔ To podstawowa zasada budowania postaci w grach.


KROK 5 — Ustawienie Sorting Layers

🎮 W Unity obiekty 2D mogą nachodzić na siebie. Dlatego musimy określić: co ma być z przodu, a co ma być z tyłu.

Do tego służą Sorting Layers. Najczęściej:

  • Tło → z tyłu
  • Postać → z przodu

🟢 Krok 1 — Kliknij obiekt

W oknie Hierarchy kliknij obiekt:

  • np. tło (Background)
  • albo postać gracza

Po kliknięciu po prawej stronie otworzy się: Inspector.


🟢 Krok 2 — Znajdź Sprite Renderer

W oknie Inspector znajdź komponent:

Sprite Renderer

To właśnie ten element odpowiada za wyświetlanie obrazka w grze.


🟢 Krok 3 — Znajdź Sorting Layer

W komponencie Sprite Renderer znajdziesz:

Sorting Layer

Domyślnie ustawione jest:

Default

🟢 Krok 4 — Dodanie nowych warstw

Kliknij:

Sorting Layer → Add Sorting Layer...

Unity otworzy ustawienia projektu.

W sekcji:

Sorting Layers

Kliknij przycisk:

+

Dodaj dwie warstwy:

  • Background
  • Characters

Gotowe ✅


🟢 Krok 5 — Ustawienie warstw dla obiektów

Teraz wróć do obiektu i ustaw:

  • Tło:
    Sorting Layer → Background
  • Postać:
    Sorting Layer → Characters

🟢 Krok 6 — Sprawdzenie efektu

Po ustawieniu:

  • tło będzie zawsze z tyłu,
  • postać będzie widoczna z przodu,
  • obiekty nie będą się „chować” za tłem.

🎯 Dzięki Sorting Layers kontrolujesz kolejność wyświetlania elementów w grze 2D.


🧩 KROK 6 — Sprawdzenie kamery Orthographic

  • Kliknij obiekt Main Camera w Hierarchy.
  • W Inspector znajdź ustawienie Projection.

Ustaw:

  • Projection → Orthographic

Sprawdź działanie:

  • Kliknij ▶ Play
  • Obiekty powinny być widoczne bez efektu perspektywy

✔ To standardowy tryb dla gier 2D.


🎯 PODSUMOWANIE ĆWICZENIA

  • ✔ Dodałeś grafikę do Unity
  • ✔ Umieściłeś obiekt w scenie
  • ✔ Zmieniłeś jego skalę i obrót
  • ✔ Zbudowałeś strukturę Parent/Child
  • ✔ Ustawiłeś warstwy renderowania
  • ✔ Sprawdziłeś kamerę 2D

🚀 Po wykonaniu tego ćwiczenia potrafisz już pracować z podstawowymi elementami Unity 2D i rozumiesz jak buduje się sceny w grach.