Część 4: Tworzenie postaci gracza

W części 3 nauczyłeś się, jak stworzyć swój pierwszy poziom. W tym samouczku zaczniemy przekształcać nasz pusty poziom w grę.

Platformówka to gra podobna do Mario. Zazwyczaj platformówki mają postać, którą można kontrolować za pomocą joysticka, i można skakać, aby rozwiązywać różne zagadki.

Ta część przewodnika rozwija temat części 3 i zakłada, że już stworzyłeś swój poziom, korzystając z zasobów z Platformer Starter Pack, które można pobrać w Sklepie Zasobów.

Dodawanie Gracza:

Najpierw musisz dodać grafikę swojego gracza do docku obiektów. Zacznij od nawigacji do folderu Pobrane w Bibliotece Zasobów i znajdź animowaną postać Zielonego Kosmity.

Stuknięcie w animowaną postać w Bibliotece Zasobów pokaże ci wszystkie dostępne cykle animacji.

Ponieważ nie chcemy, aby gracz wyglądał, jakby chodził, gdy stoi w miejscu, użyjemy cyklu animacji "Stojący". Stuknij w cykl animacji "Stojący", aby dodać go do docku.

Uwaga: Jeśli animowana grafika, którą używasz, nie ma cyklu stania lub bezruchu, zawsze możesz wybrać pojedynczą klatkę animacji, przytrzymując palec na cyklu animacji i wybierając "Zobacz Klatki" z menu zasobów.

Teraz, gdy masz swoją postać na Docku Obiektów, możesz po prostu przeciągnąć ją z docku do swojej sceny.

Poruszanie Graczem:

Teraz musimy ożywić postać i sprawić, aby była ruchoma za pomocą joysticka. hyperPad ułatwia ten proces dzięki wbudowanym zachowaniom.

Najpierw otwórz Właściwości Obiektu, stukając w postać, którą właśnie przeciągnąłeś na płótno.

Na "Karcie Fizyki" Właściwości Obiektu, ustaw swoją postać jako "Typ Fizyki", stukając w ikonę obiektu fizycznego ( ) tuż poniżej przycisku "Zachowania".

Uwaga: obiekty fizyczne będą podlegać prawom grawitacji i będą reagować na inne obiekty i siły.

Następnie stuknij w przycisk Zachowania, aby otworzyć edytor zachowań i rozpocząć proces uczynienia swojej postaci grywalną.

Edytor zachowań ma różne kategorie wyświetlane w górnym pasku, a zachowania w lewym panelu.

Ponieważ dodałeś Cykl Animacji, zachowanie "Odtwarzaj Animację" jest już dodane na płótnie zachowań.

Z kategorii "interakcja" przeciągnij zachowanie "Kontrolowane przez Joystick" na swoje płótno.

Jak tylko to zachowanie zostanie dodane, automatycznie stworzy i doda joystick do twojej WARSTWY INTERFEJSU GLOBALNEGO. Jeśli już miałeś joystick na swojej warstwie UI, to zachowanie automatycznie użyje tego, zamiast dodawać nowy.

Na tym etapie możesz nacisnąć przycisk odtwarzania i uruchomić swoją grę! Możesz jednak zauważyć, że postać po prostu ślizga się po ekranie...

Animacje:

Sprawmy, aby gra wyglądała trochę lepiej, dodając kilka animacji do naszego gracza.

Zaczniemy od tego, aby postać chodziła, gdy przesuwasz joystick w lewo lub w prawo.

Aby to zrobić, musisz zobaczyć zaawansowane zachowania interakcji. Będąc w kategorii "Interakcja", stuknij w opcję "Zaawansowane" na dole listy zachowań.

Z listy "zaawansowanej" dodaj "Joystick Left" i "Joystick Right" do płótna.

Następnie, z kategorii "FX", dodaj zachowanie "Odtwarzaj Animację" i połącz oba zachowania Joystick Left i Right z tym nowo dodanym Odtwarzaj Animację.

Następnie stuknij w zachowanie "Odtwarzaj Animację", aby zobaczyć Właściwości Zachowań.

Pierwsze pole na górze to obiekt, do którego chcesz zastosować animację. hyperPad automatycznie wybiera aktualny obiekt.

Uwaga: Możesz stuknąć tutaj i wybrać inny obiekt w swojej scenie, jeśli byś chciał. Nie chcemy tego teraz robić, więc zostawimy to bez zmian.

Następne pole poniżej reprezentuje animację, którą chcesz odtworzyć. Ponieważ nie ma animacji do odtworzenia, jest ono puste.

Stuknij w puste pole, aby wybrać animację.

Zauważ, że wzdłuż dolnej części ekranu pojawia się pasek filmowy. Stuknij w ikonę Biblioteki Zasobów, aby dodać cykl animacji do paska filmowego.

Nawiguj do animowanej postaci "Zielony Kosmita" i wybierz cykl "Chodzenie". Zauważ, że każda klatka animacji została automatycznie dodana do paska filmowego. Stuknij gdziekolwiek, aby zamknąć pasek filmowy i wrócić do właściwości.

Uwaga: Możesz również dodać pojedyncze obrazy lub klatki animacji do paska filmowego. Nie jesteś ograniczony tylko do wcześniej stworzonych cykli animacji.

Następnie, w właściwościach zachowań animacji Chodzenie wyłącz przełącznik "Pętla Animacji". Chcemy, aby ten przełącznik był wyłączony, ponieważ Joystick Left i Right w zasadzie same pętlą naszą animację, ponieważ animacja będzie miała miejsce tylko podczas przesuwania joysticka w lewo lub w prawo.

Na koniec, zmień nazwę tego zachowania, aby było łatwiej je znaleźć później. Z właściwości zachowań stuknij w nazwę zachowania na samej górze. To wywoła klawiaturę, która pozwoli ci wpisać nową nazwę dla zachowania. Nazwijmy to "Animacja Chodzenia".

Jeśli teraz naciśniesz odtwarzanie, twoja postać powinna poruszać się z joystickiem i być animowana!

Skakanie:

Nie można mieć gry platformowej bez skakania! Sprawienie, aby gracz skakał, jest bardzo proste w hyperPad.

Gdy jesteś w edytorze zachowań Zielonego Kosmity, stuknij w kategorię "Interakcja", a z listy zachowań po lewej stronie przeciągnij zachowanie "Skok z Przycisku". Tak jak zachowanie Kontrolowane przez Joystick, skok z przyciskiem również obsłuży wiele twoich ruchów obiektów i automatycznie doda przycisk do Globalnej Warstwy UI.

Możesz stuknąć w zachowanie skoku, aby zobaczyć jego właściwości. Z właściwości zachowań skoku możesz zmienić ustawienia takie jak dźwięk do odtworzenia, siłę skoków i inne. W tym samouczku zostawimy wszystko bez zmian, oprócz zmiany siły.

Musiałem ustawić siłę na 18, aby móc przeskoczyć wszystkie przeszkody w poziomie stworzonym w Części 3. Jeśli zaprojektowałeś własny poziom, możesz potrzebować dostosować wartość skoku, aby pasowała do twojej gry.

Jeśli teraz naciśniesz odtwarzanie, możesz zobaczyć, jak twoja postać biega i skacze. Jednak mogłeś zauważyć, że postać nadal chodzi, podczas gdy skacze w powietrzu... Naprawmy to!

Zacznijmy od odtwarzania animacji podczas skoku.

Z kategorii "Interakcja" dodaj zachowanie "Rozpoczęto Dotykanie", a następnie stuknij w zachowanie, które właśnie dodałeś, aby zobaczyć właściwości.

Teraz musimy zmienić zachowanie, aby działało tylko wtedy, gdy zaczniesz dotykać przycisku skoku. Z właściwości zachowań "Rozpoczęto Dotykanie", stuknij w graficzny obrazek kosmity w górnym polu.

To przeniesie cię do ekranu "Wybór Obiektu". Stąd możesz wybrać dowolny obiekt lub element interfejsu użytkownika w swojej scenie. Prawdopodobnie nie możesz wybrać przycisku. Dzieje się tak, ponieważ Zielony Kosmita był na Głównej Warstwie, a przycisk znajduje się na Globalnej Warstwie UI. Z paska warstw po prawej stronie ekranu po prostu stuknij w warstwę "Globalna UI" . Teraz możesz wybrać przycisk.

Z przyciskiem wybranym, stuknij w ikonę zatwierdzenia na dole.

Następnie dodaj kolejne zachowanie Odtwarzaj Animację i połącz je z zachowaniem Rozpoczęto Dotykanie, które wcześniej dodaliśmy.

Tak jak wcześniej, możesz zmienić nazwę zachowania i wybrać animację z Właściwości Zachowań.

Aby zmienić nazwę, stuknij tytuł zachowania w właściwościach obiektu i wpisz nową nazwę. Użyłem "Animacja Skoku".

Tak jak przy animacji chodzenia, musisz teraz wybrać cykl dla skoku. Stuknij drugie puste pole w właściwościach zachowań i wybierz cykl animacji skoku z dostępnych animacji Zielonego Kosmity.

Musisz również wyłączyć przełączniki "Pętla Animacji" oraz "Przywracaj Klatkę".

Jeśli teraz naciśniesz odtwarzanie, możesz zobaczyć, kiedy skaczesz, postać wygląda, jakby skakała! Jednak wciąż pozostają 2 małe problemy.

1. Postać nie wraca do swojej animacji stojącej, gdy ląduje.

2. Jeśli poruszysz postacią w powietrzu, postać odtwarza animację chodzenia w powietrzu.

W przypadku pierwszego problemu przejdź do kategorii zachowań "Transformacja" i stuknij w przycisk zaawansowany, aby zobaczyć zaawansowane zachowania.

Następnie przeciągnij zachowanie "Przestał Spadać" i przeciągnij również kolejne "Odtwarzaj Animację" z kategorii FX i połącz je z "Przestał Spadać".

W "Odtwarzaj Animację" dodanym, wybierz cykl animacji "Stojący" Zielonego Kosmity, wyłącz przełączniki "Przywracaj Klatkę" oraz "Pętla Animacji" i zmień nazwę zachowania "Odtwarzaj Animację" na "Stojący".

Zielony Kosmita powinien teraz być w stanie skakać i wyglądać, jakby stał, gdy ląduje.

Dla drugiego problemu musimy zatrzymać animację podczas skoku postaci.

Przejdź do kategorii zachowań "Niemożliwe" i przeciągnij "Zachowanie Wyłączone" i połącz je z zachowaniem "Rozpoczęto Dotykanie", które wcześniej dodaliśmy dla animacji skoku.

Teraz stuknij w "Zachowanie Wyłączone" i stuknij w puste pole, aby wybrać zachowanie z listy. Z listy znajdź zachowanie "Odtwarzaj Animację" (Animacja Chodzenia), które jest połączone z zachowaniami Joystick left i right.

Następnie dodaj "Zachowanie Włączone" i połącz je z zachowaniem "Przestał Spadać", które wcześniej dodaliśmy.

Raz jeszcze stuknij w puste pole i wybierz znowu zachowanie Odtwórz animację (Animacja Chodzenia), które odtwarza animację chodzenia.

Jeśli teraz naciśniesz odtwarzanie, twoja postać powinna być w stanie prawidłowo się poruszać i skakać!

Poruszanie Ekranem:

Jak zapewne zauważyłeś, jeśli pójdziesz za daleko, postać znika z ekranu. W tradycyjnych grach platformowych ekran zazwyczaj porusza się razem z twoim graczem. Weź na przykład Mario, Mario zawsze pozostaje na środku ekranu (z pewnym marginesem).

Sprawmy, aby ekran poruszał się razem z Zielonym Kosmitą, aby nigdy nie mogł znikać z ekranu.

Będąc w zachowaniach Zielonego Kosmity, przełącz się na kategorię "Ekran" i dodaj zachowanie "Śledź Ekran". Zachowanie "Śledź Ekran" będzie poruszać ekran razem z wybranym obiektem.

Następnie otwórz właściwości zachowania Śledź Ekran i wyłącz przełącznik "Śledź Y". To sprawia, że ekran będzie podążać za twoim graczem w lewo i w prawo, ale nie w górę i w dół.

Na tym etapie, jeśli naciśniesz odtwarzanie, powinieneś być w stanie biegać przez swój poziom z animowaną postacią i mieć ekran poruszający się razem z tobą.

Możesz pobrać ukończoną wersję Części 4 z Hubu i zobaczyć to wszystko w akcji.

W Części 5 zaczniemy dodawać trochę więcej elementów rozgrywki, wprowadzając monety do zbierania oraz punkty.