Jak za pomocą timingu sprawić, by chód postaci pikselowej wydawał się cięższy lub lżejszy

Zanim zmienisz timing, upewnij się, że w pętli wyraźnie widać naprzemienne kroki. Zaznacz dwie klatki kontaktu, w których każda stopa dotyka podłoża, oraz niską pozę, gdy ciężar ciała osiada na nodze podporowej. Pozę przejściową, w której poruszająca się stopa przechodzi pod ciałem, warto wykorzystać do wyraźnego pokazania zmiany. Te typowe pozy dają punkty odniesienia przy regulacji timingu; animacja chodu pikselowego nie potrzebuje wielu klatek, by były czytelne. Poradnik o animacji sprite’ów w niskiej rozdzielczości opisuje cykle dwu-, cztero- i ośmioklatkowe jako praktyczne opcje, zależne od rozmiaru sprite’a i pożądanego poziomu szczegółowości. Poradnik Manninga Krulla o cyklu chodu w niskiej rozdzielczości

Jeśli sprite się ślizga, podskakuje raz na pełny cykl albo za każdym razem zdaje się zaczynać krok tą samą stopą, najpierw to popraw. Zmiana ogólnej prędkości może utrudnić odczytanie nieczytelnej pętli. Odtwarzaj ją również w docelowej skali w grze, nie tylko w powiększeniu: niewielkie różnice timingu widoczne na osi czasu edytora mogą zniknąć w rozmiarze oryginalnym.

Timing określa, ile czasu trwa czynność; w pętli sprite’a wpływają na niego szybkość odtwarzania oraz czas wyświetlania poszczególnych rysunków. Odstępy określają, jak daleko postać lub część jej ciała przemieszcza się między kolejnymi rysunkami. Wolniejsze odtwarzanie równomiernie wydłuża każdą część cyklu. Przytrzymanie konkretnej pozy zmienia rytm w danym miejscu, a zmiana położenia pikseli w tej pozie wpływa na wizualne odstępy. Te narzędzia mogą ze sobą współgrać, ale nie przekazują tego samego.

Na przykład spowolnienie całej pętli sprawia, że postać wykonuje krok dłużej. Przytrzymanie niskiej pozy dodaje wyraźny moment osiadania. Przesunięcie tułowia w tej pozie o dodatkowy piksel zmienia jego sylwetkę i wielkość obniżenia. Warto zadać sobie pytanie nie tylko „Ile klatek sprawi, że chód będzie ciężki?”, ale też „W którym momencie widz powinien dostrzec, że ciało przenosi ciężar, i jak długo ma tam pozostać?”. Przykłady cykli chodu wykorzystują różne całkowite czasy trwania dla szybkiego, naturalnego, spacerowego i wolnego chodu, co wskazuje, że długość cyklu zależy od stylu, a nie od jednej stałej wartości. Poradnik Monmouth University o timingu cyklu chodu

Wypróbuj tę wersję na kopii istniejącej animacji, aby móc porównać obie wersje. Najpierw pozostaw liczbę rysunków bez zmian i nieco zmniejsz szybkość odtwarzania. Sprawdź, czy postać nadal wygląda, jakby stawiała kroki, a nie poruszała się w zwolnionym tempie. Jeśli cała pętla wydaje się jednakowo ospała, przywróć pierwotną prędkość i wprowadź lokalną zmianę.

Następnie wydłuż niską pozę, w której ciało opiera ciężar, krótko ją przytrzymując albo dodając niemal identyczny rysunek, jeśli edytor pozwala zrobić to w czytelny sposób. Powtórzenie powinno sprawić, że ciało będzie wyglądało, jakby osiadało nad nogą podporową. Podczas przytrzymania stopa oparta o podłoże powinna pozostać w miejscu. Jeśli przesuwa się po podłożu, pauza może wyglądać na ślizganie lub zacinanie, a nie przenoszenie ciężaru.

Praktyczny test polega na porównaniu oryginalnej i zmienionej pętli obok siebie, przy tej samej szybkości odtwarzania i prędkości ruchu w grze. Przyjrzyj się odcinkowi od każdego kontaktu stopy z podłożem do najniższego położenia ciała. Jeśli ciało osiada po postawieniu stopy, timing może sugerować cięższe przeniesienie ciężaru; jeśli pozostaje nisko zbyt długo, chód może wydawać się zablokowany. Związek między pozą a timingiem jest widoczny nawet w prostych cyklach pikselowych: poradnik Adafruit dla MakeCode Arcade zmienia chód, modyfikując odstęp między klatkami i pozę ciała, w tym obniżając ciało w jednej klatce. Poradnik Adafruit o animacji pikselowej

Aby ta sama postać wydawała się lżejsza, przetestuj krótszy cykl lub skróć przytrzymanie niskiej pozy. Pozwól ciału przejść przez najniższe położenie bez zatrzymywania się i spraw, by unoszenie się do następnego kroku było szybkie. Możesz też nieco zmniejszyć pionowe kołysanie, jeśli postać za każdym razem mocno opada przy zetknięciu stopy z podłożem. Najpierw zmień szybkość cyklu albo pozę; gdy zmienisz oba elementy naraz, trudno będzie ocenić, co poprawiło czytelność.

Sama prędkość może sugerować pośpiech, a nie tylko lekkość. Szybki cykl połączony z dużym opadaniem ciała może wyglądać na gwałtowny lub nerwowy, podczas gdy szybki powrót i niewielkie obniżenie mogą sprawiać wrażenie zwinności. Potraktuj to jako wybór animacyjny do przetestowania, a nie uniwersalną zasadę fizyczną. Porównaj animację z długością kroku postaci i zamierzoną prędkością ruchu, by szybsza animacja nie sugerowała ruchu stóp, który nie pasuje do przemieszczania się do przodu.

Proste porównanie może pokazać, który element rytmu robi największą różnicę. Wartości poniżej są przykładowe i zakładają podgląd z prędkością 12 klatek na sekundę oraz te same pozy w każdej wersji. „Przytrzymanie” oznacza łączny czas wyświetlania niskiej pozy, włącznie z pierwotnym rysunkiem. To nie jest zalecany standard profesjonalny.

Wersja	Długość cyklu	Przytrzymanie niskiej pozy	Co sprawdzić
Punkt odniesienia	8 klatek (około 0,67 s)	1 klatka (około 0,08 s)	Czy ruch jest czytelny w skali używanej w grze?
Test cięższego chodu	10 klatek (około 0,83 s)	2 klatki (około 0,17 s)	Czy ciało osiada, nie sprawiając wrażenia, że stopy są przyklejone do podłoża?
Test lżejszego chodu	6 klatek (około 0,50 s)	1 klatka (około 0,08 s)	Czy powrót do pozycji wyjściowej jest szybki, a kontakt stóp z podłożem pozostaje czytelny?

Te wartości to przykłady obliczeń, a nie zalecane ustawienia domyślne: osiem klatek przy 12 klatkach na sekundę trwa dwie trzecie sekundy. Jeśli masz cykl czteroklatkowy, spróbuj powielić niską pozę, zanim dodasz kilka nowych rysunków. Jeśli sprite jest bardzo mały, uproszczenie póz może lepiej zachować czytelność niż dodawanie szczegółów; Krull zauważa, że cykle dwu- i czteroklatkowe mogą pasować do małych sprite’ów, a dłuższe sprawdzają się przy większych. Omówienie rozmiaru cyklu według Krulla

W grze pętla chodu często jest odtwarzana, gdy postać porusza się po ekranie. Jeśli postać przesuwa się za daleko w trakcie jednego cyklu, stopy mogą sprawiać wrażenie, że się ślizgają; jeśli cykl przyspieszy, a prędkość przemieszczania pozostanie taka sama, stopy mogą szybko przebierać pod ciałem, które porusza się do przodu powoli. Testuj animację w rzeczywistym kontekście gry i w razie potrzeby dostosuj timing cyklu wraz z prędkością ruchu. W poradniku Monmouth zauważono, że cykle chodu często tworzy się w miejscu, aby można je było zapętlić, dlatego ruch w grze trzeba sprawdzić osobno. Poradnik Monmouth University o cyklu chodu

Podczas sprawdzania stopy opartej o podłoże obserwuj jej położenie względem podłoża w klatkach, w których ma przenosić ciężar. Powinna pozostać wizualnie nieruchoma, aż postać ją uniesie. W bardzo małym sprite’cie przesunięcie o jeden piksel oznacza dużą widoczną zmianę, więc obejrzyj sekwencję w rozmiarze oryginalnym i przewijaj klatka po klatce, jeśli zauważysz przesunięcie.

Jeśli chód wydaje się niestabilny, sprawdź, czy tułów utrzymuje niemal tę samą wysokość podczas kontaktu stopy z podłożem i niskiej pozy. Bardziej widoczne obniżenie lub dłuższy moment osiadania mogą pomóc, ale przesada w obu przypadkach sprawi, że postać będzie podskakiwać. Jeśli chód przypomina tupanie, skróć przytrzymanie niskiej pozy lub zmniejsz opadanie ciała. Jeśli chód wydaje się wolny, ale nie ciężki, przywróć ogólną prędkość cyklu i zmień timing w pobliżu pozy przenoszenia ciężaru.

Jeśli jeden krok wydaje się cięższy od drugiego, porównaj obie połowy cyklu: odstępy między kontaktami stóp z podłożem, czas trwania niskiej pozy, wysokość ciała i położenie stopy podporowej. Niewielka, zamierzona różnica może wzbogacić ekspresję, ale przypadkowa rozbieżność często wygląda jak utykanie lub uszkodzona pętla. Jako punktu odniesienia użyj pary lustrzanych albo niemal identycznych kroków, a asymetrię wprowadź tylko wtedy, gdy służy projektowi.

Zachowaj trzy podglądy: oryginał, test timingu cięższego chodu i test timingu lżejszego chodu. Odtwórz je w tej samej skali wyświetlania i przy tej samej prędkości ruchu, a następnie zadaj sobie konkretne pytanie: gdzie ciało osiada, jak szybko podnosi się z najniższego położenia i czy stopy pozostają oparte o podłoże, gdy powinny? Jeśli wersja jest czytelniejsza, zachowaj zmianę. Jeśli tylko wygląda na wolniejszą lub szybszą, przywróć poprzednią wersję i osobno przetestuj czas przytrzymania niskiej pozy.

Nie ma jednej liczby klatek, która sprawi, że każda postać będzie wyglądała na ciężką lub lekką. Najlepszy rezultat zależy od skali sprite’a, projektu póz, szybkości gry i stylu. Przygotuj czytelny punkt odniesienia, małymi krokami zmieniaj długość cyklu lub lokalne przytrzymanie i oceniaj pętlę w kontekście. Dzięki temu możesz w powtarzalny sposób kształtować wrażenie ciężaru za pomocą timingu, zachowując czytelność ruchu pikselowego.

• Tutorial: animacja chodu dla sprite’ów o niskiej rozdzielczości — Manning Leonard Krull

• Ruch: cykl chodu — strony instruktażowe Monmouth University Animation

• Animacja pikselowa w MakeCode Arcade — Adafruit Learning System