Importowanie i używanie animacji

Dzięki hyperPad możesz tworzyć obiekty z niestandardowymi animacjami. Masz dwa wyboru, jeśli chodzi o animacje. Możesz importować animacje jako pojedyncze klatki lub pełny arkusz sprite'ów.

Pojedyncze Klatki:

Możesz stworzyć cykl animacji, importując sekwencję pojedynczych obrazów klatek.

Na początek musisz zaimportować swoją pierwszą klatkę lub obraz, który będzie reprezentował twój obiekt z "Biblioteki Zasobów" (Zobacz Importowanie Zasobów). Gdy już zaimportujesz swój obiekt, naciśnij i przytrzymaj palec na obiekcie, do którego chcesz dodać animacje, to wywoła Menu Zasobów.

Z Menu Zasobów wybierz "Dodaj Animację", co spowoduje pojawienie się opcji importowania z Rolki Zdjęć lub Dropboxa. Zobacz "Importowanie Zasobów" po więcej szczegółów na temat tych opcji.

Po wybraniu żródła importu możesz wybrać wszystkie klatki animacji, a następnie dotknij "Gotowe" w prawym górnym rogu, aby kontynuować importowanie tych klatek.

Następnie zostaniesz poproszony o wprowadzenie nazwy cyklu animacji.

Po wprowadzeniu nazwy cyklu, hyperPad utworzy arkusz sprite'ów z wszystkimi cyklami animacji dla tego zasobu (w tym oryginalną grafikę zasobu). Pamiętaj, że hyperPad wygeneruje arkusz sprite'ów z maksymalną rozdzielczością 2048x2048 pikseli. Oznacza to, że całkowity rozmiar wszystkich zaimportowanych klatek (w tym oryginalnego zasobu) nie może przekroczyć maksymalnego rozmiaru arkusza sprite'ów.

Jeśli masz do czynienia z większymi obrazami, dużą ilością klatek animacji lub obu. Prawdopodobnie napotkasz błąd informujący, że przekroczyłeś maksymalny rozmiar arkusza sprite'ów. Jeśli jednak chcesz użyć tak dużych grafik, istnieje kilka sposobów na to.

1. Podziel swoje sekwencje animacji pomiędzy wiele obiektów. Każdy z nich będzie miał swój własny arkusz sprite'ów 2048x2048. Tak więc stwórz obiekt "chodzenia", stwórz obiekt "skoku" itp. Gdzie każdy obiekt przechowuje cykl animacji (lub kilka cykli). W ten sposób wygenerujesz wiele arkuszy sprite'ów 2048x2048.

2. Nie importuj ich jako cykli animacji. Po prostu importuj każdą klatkę animacji jako swoje własne zdjęcie. Następnie użyj zachowania Odtwarzaj Animację i ręcznie dodaj każdą klatkę do osi czasu animacji w właściwościach zachowania.

ArkUsu Sprite'ów:

Możesz tworzyć niestandardowe arkusze sprite'ów i importować je do hyperPad, łącząc swój projekt z Dropboxem. Aby dowiedzieć się więcej na temat łączenia swojego projektu z Dropboxem, zobacz "Importowanie Zasobów".

Aby stworzyć niestandardowe arkusze sprite'ów, możesz użyć dowolnego narzędzia, które jest w stanie stworzyć arkusz sprite'ów zgodny z "Cocos2D". Wszystkie arkusze sprite'ów muszą mieć sparowany plik PLIST zawierający metadane arkusza sprite'ów. Możesz zobaczyć artykuł pomocniczy "Obsługiwane Typy Zasobów", aby dowiedzieć się więcej o zgodnych arkuszach sprite'ów.

Podgląd Animacji:

Jeśli twój zasób ma animacje, będzie oznaczony w "Bibliotece Zasobów" jako zasób "Animowany".

Aby wyświetlić podgląd animacji zasobu, otwórz "Menu Zasobów", dotykając i przytrzymując palec na animowanym zasobie, a następnie wybierz "Podgląd Animacji".

Z tego miejsca, możesz ponownie otworzyć "Menu Zasobów" i wybrać "Podgląd Animacji". Okno wyskakujące odtworzy animację i pokaże ci również przydatne informacje.

Jeśli naciśniesz i przytrzymasz palec na cyklu animacji, otworzy się Menu Zasobów pozwalając ci przeglądać pojedyncze klatki dla tego cyklu.

Używanie Animacji:

Możesz dodać animowany zasób bezpośrednio na kanwę lub użyć zachowania "Odtwarzaj Animację", aby uruchomić animację na żądanie.

Aby dodać animowany zasób bezpośrednio na kanwę, uruchom "Bibliotekę Zasobów" i zobacz animacje animowanego zasobu. Jeśli wybierzesz cykl animacji, zostanie on dodany do "Docku", co pozwoli ci przeciągnąć go bezpośrednio do swojej sceny.

Gdy dodasz cykl animacji na kanwę, utworzy to obiekt i automatycznie doda do niego zachowanie "Odtwarzaj Animację". Jeśli musisz zmienić ustawienia odtwarzania animacji dla tego obiektu, możesz to zrobić w Behawiorach obiektu.

Używanie Zachowania "Odtwarzaj Animację":

Jeśli potrzebujesz odtworzyć animację na zdarzeniu, jak gdy użytkownik naciśnie przycisk lub poruszy joystickiem, możesz użyć zachowania "Odtwarzaj Animację".

Rozpocznij od dodania animowanego zasobu na kanwę. Następnie wybierz obiekt i uruchom "Edytor Zachowań" z "Właściwości Obiektu".

W tym przykładzie sprawimy, że obiekt odtworzy animację, gdy zostanie naciśnięty. Zacznij od dodania zachowania "Rozpoczęto Dotyk".

Następnie dodaj zachowanie "Odtwarzaj Animację" z kategorii FX i połącz je z wcześniej dodanym zachowaniem "Rozpoczęto Dotyk".

Gdy to zostanie połączone, dotknij zachowania "Odtwarzaj Animację", aby zobaczyć "Właściwości Zachowań". W właściwościach zachowań możesz zmienić, który obiekt animować, jaką animację odtworzyć oraz inne różne parametry wpływające na odtwarzanie animacji.

W właściwościach zachowań, dotknij pola oznaczonego "Wybierz Animację". To wywoła oś czasu animacji, pozwalając ci dodać klatki lub cykl animacji.

Aby dodać animacje do osi czasu, możesz dotknąć ikony "Biblioteka Zasobów", aby otworzyć bibliotekę zasobów. Każdy zasób graficzny, który dotkniesz, zostanie automatycznie wybrany i dodany do osi czasu.

Jeśli chcesz dodać cykl animacji, naciśnij i przytrzymaj animowany zasób, aby otworzyć "Menu Zasobów". Z Menu Zasobów wybierz "Wyświetl Animacje". Biblioteka Zasobów pokaże teraz wszystkie cykle animacji, które wcześniej dodałeś do zasobu. Stuknięcie cyklu doda go do osi czasu.

Gdy skończysz dodawać animacje do osi czasu, możesz dotknąć ekranu zachowań, aby zamknąć oś czasu i powrócić do edytora zachowań.

Jeśli naciśniesz "Odtwórz", obiekt będzie animowany tylko po dotknięciu go.