Uvoz i korištenje animacija

Uz hyperPad možete kreirati objekte s prilagođenim animacijama. Imate dva izbora kada je u pitanju animacija. Možete uvesti animacije kao pojedinačne okvire ili cjeloviti sprite sheet.

Pojedinačni Okviri:

Možete stvoriti animacijski ciklus uvođenjem sekvence slika pojedinačnih okvira.

Za početak, morate uvesti svoj prvi okvir ili sliku koja predstavlja vaš objekt iz "Biblioteke Resursa" (Pogledajte Uvoz Resursa). Kada uvezete svoj objekt, dodirnite i zadržite prst na objektu kojem želite dodati animacije, ovo će otvoriti Izbornik Resursa.

Iz Izbornika Resursa odaberite "Dodaj Animaciju", ovo će otvoriti opcije za uvoz iz Camera Roll-a ili DropBox-a. Pogledajte "Uvoz Resursa" za više detalja o ovim opcijama.

Jednom kada odaberete željeni izvor uvoza, možete odabrati sve okvire animacije, a zatim dodirnite "Gotovo" u gornjem desnom kutu kako biste nastavili s uvozom tih okvira.

Bit ćete zamoljeni da unesete naziv animacijskog ciklusa.

Jednom kada unesete naziv ciklusa, hyperPad će stvoriti sprite sheet s svim animacijskim ciklusima za taj resurs (uključujući izvorni grafički resurs). Imajte na umu da će hyperPad generirati sprite sheet s maksimalnom rezolucijom od 2048x2048 piksela. To znači da ukupna veličina za svaki uvezeni okvir (uključujući izvorni resurs) ne može prekoračiti maksimalnu veličinu sprite sheeta.

Ako radite s većim slikama, puno okvira animacije ili oboje. Vjerojatno ćete naići na grešku koja kaže da ste premašili maksimalnu veličinu sprite sheeta. Ako ste odlučni u vezi s korištenjem tako velikih grafika, postoje nekoliko rješenja za to.

1. Razdvojite svoje animacijske sekvence između više objekata. Svaki će na kraju imati svoj vlastiti sprite sheet od 2048x2048. Dakle, imajte objekt "hodanje", imajte objekt "skakanje", itd. Gdje svaki objekt pohranjuje animacijski ciklus (ili više ciklusa). Na taj način generirate više sprite sheeta od 2048x2048.

2. Ne uvozite ih kao animacijske cikluse. Jednostavno uvezite svaki okvir animacije kao svoju sliku. Zatim upotrijebite ponašanje "Igraj Animaciju" i dodajte svaki okvir ručno na vremensku liniju animacije u svojstvima ponašanja.

Sprite Sheets:

Možete kreirati prilagođene sprite sheete i uvesti ih u hyperPad povezivanjem svog projekta s Dropboxom. Da biste saznali više o povezivanju svog projekta s Dropboxom, pogledajte "Uvoz Resursa".

Za izradu prilagođenih sprite sheeta, možete koristiti bilo koji alat koji može stvoriti sprite sheet kompatibilan s "Cocos2D". Svi sprite sheetovi moraju imati uparen PLIST datoteku koja sadrži metapodatke za sprite sheet. Možete vidjeti pomoćni članak "Podržani Tipovi Resursa" kako biste saznali više o kompatibilnim sprite sheetovima.

Pregled Animacija:

Ako vaš resurs ima animacije, bit će označen u "Biblioteci Resursa" kao "Animirani" resurs.

Da biste pregledali animacije resursa, otvorite "Izbornik Resursa" dodirom i držanjem prsta na animiranom resursu, a zatim odaberite "Pregledaj Animacije".

Odavde, ponovno možete otvoriti "Izbornik Resursa" i odabrati "Pregledaj Animaciju". Prozor s iskačućim prozorom će reproducirati animaciju i također pokazati korisne informacije.

Ako dodirnite i zadržite prst na animacijskom ciklusu, otvorit će se Izbornik Resursa koji vam omogućuje da pregledate pojedinačne okvire za taj ciklus.

Korištenje Animacija:

Možete dodati animirani resurs izravno na platno, ili upotrijebiti ponašanje "Igraj Animaciju" da pokrenete animaciju na zahtjev.

Da biste dodali animirani resurs izravno na platno, pokrenite "Biblioteku Resursa" i pregledajte animacije animiranog resursa. Ako odaberete animacijski ciklus, on će biti dodan u "Dock" što vam omogućuje da ga jednostavno prevučete u svoju scenu.

Kada dodate animacijski ciklus na platno, on će stvoriti objekt i automatski dodati ponašanje "Igraj Animaciju" njemu. Ako trebate promijeniti postavke reprodukcije animacije za taj objekt, možete to učiniti iz Ponašanja tog objekta.

Korištenje Ponašanja "Igraj Animaciju":

Ako trebate reproducirati animaciju na događaj, kao kada korisnik pritisne gumb ili pomakne joystick, tada možete koristiti ponašanje "Igraj Animaciju".

Počnite dodavanjem animiranog resursa na platno. Zatim odaberite objekt i pokrenite "Uređivač Ponašanja" iz "Svojstva Objekta".

U ovom primjeru, napravit ćemo da objekt reproducira animaciju kada se pritisne. Započnite dodavanjem ponašanja "Počelo dodirivanje".

Sljedeće dodajte ponašanje "Igraj Animaciju" iz FX kategorije, i povežite ga s ponašanjem "Počelo dodirivanje" koje ste prethodno dodali.

Jednom kada ga povežete, dodirnite ponašanje "Igraj Animaciju" kako biste prikazali "Svojstva Ponašanja". Iz svojstava ponašanja možete promijeniti koji objekt animirati, koju animaciju reproducirati i druge različite parametre koji utječu na reprodukciju animacija.

U svojstvima ponašanja, dodirnite okvir označen "Odaberite Animaciju". Ovo će otvoriti vremensku liniju animacije, omogućujući vam da dodate okvire ili animacijski ciklus.

Da biste dodali animacije na vremensku liniju, možete dodirnuti ikonu "Biblioteka Resursa" da otvorite biblioteku resursa. Svaki grafički resurs na koji dodirnete automatski će biti odabran i dodat na vremensku liniju.

Ako želite dodati animacijski ciklus, pritisnite i zadržite na animiranom resursu da otvorite "Izbornik Resursa". Iz Izbornika Resursa odaberite "Pregledaj Animacije". Biblioteka resursa će sada prikazati sve animacijske cikluse koje ste prethodno dodali resursu. Dodirivanje ciklusa dodaje ga na vremensku liniju.

Jednom kada završite s dodavanjem animacija na vremensku liniju, možete dodirnuti ekran ponašanja da zatvorite vremensku liniju i vratite se na uređivač ponašanja.

Ako pritisnete "Igraj", objekt će se animirati tek kada ga dodirnete.