Importarea și Utilizarea Animațiilor

Cu hyperPad poți crea obiecte cu animații personalizate. Ai două opțiuni când vine vorba de animații. Poți importa animații ca cadre individuale, sau un sheet de sprite complet.

Cadre Individuale:

Poti crea un ciclu de animație importând o secvență de imagini cu cadre individuale.

Pentru a începe, trebuie să importezi primul tău cadru sau o imagine care să reprezinte obiectul tău din biblioteca "Asset Library" (Vezi Importarea Resurselor). Odată ce ai importat obiectul tău, apasă și ține degetul pe obiectul la care vrei să adaugi animații, aceasta va deschide Meniul de Resurse.

Din Meniul de Resurse alege "Adaugă Animație", această opțiune îți va permite să imporți din Camera Roll sau Dropbox. Vezi "Importarea Resurselor" pentru mai multe detalii despre aceste opțiuni.

Odată ce ai selectat sursa de import dorită, poți selecta toate cadrele animației, apoi apasă "Finalizează" în colțul din dreapta sus pentru a continua să imporți aceste cadre.

Vei fi întrebat să introduci un nume pentru ciclul de animație.

Odată ce ai introdus numele ciclului, hyperPad va crea un sheet de sprite cu toate ciclurile de animație pentru acel asset (inclusiv graficul asset-ului original). Ține cont că hyperPad va genera doar un sheet de sprite cu o rezoluție maximă de 2048x2048 pixeli. Asta înseamnă că dimensiunea totală pentru fiecare cadru importat (inclusiv asset-ul original) nu poate depăși dimensiunea maximă a sheet-ului de sprite.

Dacă lucrezi cu imagini mai mari, multe cadre de animație, sau ambele. Probabil că vei întâlni o eroare care spune că ai depășit dimensiunea maximă a sheet-ului de sprite. Dacă ești hotărât să folosești grafice atât de mari, atunci sunt câteva soluții.

1. Împarte secvențele de animație în mai multe obiecte. Fiecare va avea propriul sheet de sprite de 2048x2048. Așadar, poți avea un obiect "mers", un obiect "sărit", etc. unde fiecare obiect stochează ciclul de animație (sau mai multe cicluri). Astfel, vei genera mai multe sheet-uri de sprite de 2048x2048.

2. Nu le importa ca cicluri de animație. Pur și simplu importă fiecare cadru de animație ca imagine proprie. Apoi folosește comportamentul "Joacă Animația" și adaugă fiecare cadru manual în timeline-ul animației din proprietățile comportamentului.

Sheet-uri de Sprite:

Poti crea sheet-uri de sprite personalizate și le poți importa în hyperPad legând proiectul tău de Dropbox. Pentru a învăța mai multe despre legarea proiectului tău de Dropbox, vezi "Importarea Resurselor".

Pentru a crea sheet-uri de sprite personalizate, poți folosi orice instrument care este capabil să creeze un sheet de sprite compatibil cu "Cocos2D". Toate sheet-urile de sprite trebuie să aibă un fișier PLIST asociat care conține metadatele sheet-ului de sprite. Poți consulta articolul de ajutor "Tipuri de Resurse Acceptate" pentru a afla mai multe despre sheet-urile de sprite compatibile.

Vizualizarea Animațiilor:

Dacă asset-ul tău are animații, va fi etichetat în "Asset Library" ca un asset "Animat".

Pentru a previzualiza animațiile unui asset, deschide "Meniul de Resurse" apăsând și ținând degetul pe asset-ul animat apoi selectează "Vizualizează Animațiile".

De aici, poți deschide din nou "Meniul de Resurse" și selecta "Previzualizează Animația". Fereastra pop-up va reda animația și îți va arăta de asemenea informații utile.

Dacă apeși și ții degetul pe un ciclu de animație, acesta va deschide Meniul de Resurse permițându-ți să vizualizezi cadrele individuale pentru acel ciclu.

Folosind Animațiile:

Poti adăuga un asset animat direct pe canvas, sau folosi comportamentul "Joacă Animația" pentru a rula o animație la cerere.

Pentru a adăuga un asset animat direct pe canvas, lansați "Asset Library" și vizualizează animațiile asset-ului animat. Dacă selectezi un ciclu de animație, acesta va fi adăugat la"Doc" permițându-ți să-l tragi direct în scena ta.

Când adaugi un ciclu de animație pe canvas, acesta va crea un obiect și va adăuga automat comportamentul "Joacă Animația" la el. Dacă trebuie să schimbi setările de redare a animației pentru acel obiect, poți face acest lucru din comportamentele obiectului.

Folosind Comportamentul "Joacă Animația":

Dacă trebuie să redai o animație la un eveniment, cum ar fi atunci când un utilizator apasă un buton sau mută un joystick, atunci poți folosi comportamentul "Joacă Animația".

Începe prin a adăuga un asset animat la canvas. Apoi selectează obiectul și lansați "Editorul de Comportamente" din "Proprietățile Obiectului".

În acest exemplu, vom face ca obiectul să redă o animație atunci când este apăsat. Începe prin a adăuga comportamentul "A fost apăsat".

Next Adaugă comportamentul "Joacă Animația" din categoria FX, și leagă-l de comportamentul "A fost apăsat" pe care l-ai adăugat anterior.

Odată ce este conectat, apasă pe comportamentul "Joacă Animația" pentru a vizualiza "Proprietățile Comportamentului". Din proprietățile comportamentului poți schimba ce obiect să animezi, ce animație să redai, și alte parametrii variate care afectează redarea animației.

În proprietățile comportamentului, apasă pe caseta etichetată "Selectează Animația". Aceasta va deschide timeline-ul animației, permițându-ți să adaugi cadre sau un ciclu de animație.

Pentru a adăuga animații la timeline poți apăsa pe pictograma "Asset Library" pentru a deschide biblioteca de resurse. Orice asset grafic pe care îl selectezi va fi selectat automat și adăugat la timeline.

Dacă vrei să adaugi un ciclu de animație, apasă și ține pe un asset animat pentru a deschide "Meniul de Resurse". Din Meniul de Resurse, selectează "Vizualizează Animațiile". Biblioteca de Resurse îți va arăta acum toate ciclurile de animație pe care le-ai adăugat anterior la asset. Apăsând un ciclu va adăuga la timeline.

Odată ce ai terminat de adăugat animații la timeline poți apăsa pe ecranul comportamentului pentru a închide timeline-ul și a reveni la editorul de comportamente.

Dacă apeși "Joacă", obiectul va anima doar după ce îl atingi.