Animációk importálása és használata

A hyperPad segítségével egyedi animációkkal rendelkező objektumokat hozhatsz létre. Az animációkkal kapcsolatban két választási lehetőség áll rendelkezésedre. Az animációkat importálhatod külön álló képkockákként, vagy egy teljes sprite sheetként.

Különálló képkockák:

Animációs ciklust hozhatsz létre egy sor különálló képkockás kép importálásával.

Az első lépésként importálj egy első képkockát, vagy egy képet, amely reprezentálja az objektumodat a "Eszközkönyvtárból" (Lásd: Eszközök importálása). Miután importáltad az objektumodat, tartsd lenyomva az ujjadat azon az objektumon, amelyhez animációkat szeretnél hozzáadni, ez megnyitja az Eszközmenüt.

Az Eszközmenüből válaszd az "Animáció hozzáadása" lehetőséget, aminek következtében felugrik egy ablak, ahol importálhatsz a fényképezőgép rolljából vagy a Dropboxból. További részletekért lásd az "Eszközök importálása" című részt.

Miután kiválasztottad a kívánt importforrást, kiválaszthatod az animáció minden képkockáját, majd érintsd meg a "Kész" gombot a jobb felső sarokban a képkockák importálásának folytatásához.

Ezt követően kérni fogják, hogy adj meg egy nevet az animációs ciklusnak.

Miután megadtad a ciklus nevét, a hyperPad létrehozza a sprite sheetet az összes animációs ciklussal a médiához (beleértve az eredeti grafikai médiát). Ne feledd, hogy a hyperPad legfeljebb 2048x2048 pixel felbontású sprite sheetet generál. Ez azt jelenti, hogy az importált képkockák (beleértve az eredeti médiát) összesített mérete nem lépheti túl a maximális sprite sheet méretet.

Ha nagyobb képekkel, sok animációs képkockával, vagy mindkettővel dolgozol, valószínűleg hibaüzenetet fogsz kapni, amiért túllépted a maximális sprite sheet méretet. Ha ragaszkodsz a nagy grafikai elemek használatához, akkor van néhány lehetőség erre.

1. Oszd fel az animációs szekvenciákat több objektumra. Mindegyik saját 2048x2048 sprite sheettel rendelkezik majd. Tehát legyen egy "járás" objektum, egy "ugrás" objektum, stb. ahol minden objektum tárolja az animációs ciklust (vagy több ciklust). Így több 2048x2048 sprite sheetet generálhatsz.

2. Ne importáld őket animációs ciklusokként. Egyszerűen importáld az egyes animációs képkockákat saját képként. Ezután használd a "Play Animation" viselkedést, és manuálisan add hozzá az egyes képkockákat az animációs idővonalhoz a viselkedés tulajdonságaiban.

Sprite Sheetek:

Saját sprite sheetet hozhatsz létre és importálhatod a hyperPad-be a projekted Dropboxkal való összekapcsolásával. További információkért lásd a "Eszközök importálása" részt.

Saját sprite sheetek létrehozásához bármilyen eszközt használhatsz, amely képes "Cocos2D" kompatibilis sprite sheetet létrehozni. Az összes sprite sheetnek rendelkeznie kell egy páros PLIST fájllal, amely tartalmazza a sprite sheet metaadatokat. A "Támogatott eszköztípusok" című cikkben további információkat találhatsz az kompatibilis sprite sheetekről.

Animációk megtekintése:

Ha az eszközöd animációkkal rendelkezik, az az "Eszközkönyvtárban" "Animált" eszközként lesz megjelölve.

Az eszköz animációinak előnézetéhez nyisd meg az "Eszközmenüt" az animált eszközre való hosszú érintéssel, majd válaszd a "Animációk megtekintése" lehetőséget.

Innen újra megnyithatod az "Eszközmenüt", és válaszd a "Animáció előnézete" lehetőséget. A felugró ablak lejátsza az animációt, és hasznos információkat is megjelenít.

Ha megérinted és lenyomod az ujjadat egy animációs ciklusra, akkor megnyílik az Eszközmenü, amellyel megtekintheted a ciklus egyes képkockáit.

Animációk használata:

Animált eszközt közvetlenül a vászonra is hozzáadhatsz, vagy használhatod a "Play Animation" viselkedést, hogy igény szerint futtass egy animációt.

Ha animált eszközt szeretnél közvetlenül a vászonra adni, indítsd el az "Eszközkönyvtárat", és nézd meg az animált eszköz animációit. Ha kiválasztasz egy animációs ciklust, az hozzáadódik a "Dokkjába", lehetővé téve, hogy közvetlenül a jelenetedbe húzd.

Amikor animációs ciklust adsz a vászonhoz, az létrehoz egy objektumot, és automatikusan hozzáadja hozzá a "Play Animation" viselkedést. Ha meg szeretnéd változtatni az objektum animációs lejátszási beállításait, azt az objektum viselkedésein keresztül teheted meg.

A "Play Animation" viselkedés használata:

Ha egy animációt szeretnél lejátszani egy esemény hatására, mint például amikor egy felhasználó megnyom egy gombot vagy mozgat egy joystickot, akkor használhatod a "Play Animation" viselkedést.

Kezdj azzal, hogy egy animált eszközt adsz a vászonhoz. Ezután válaszd ki az objektumot, és indítsd el a "Viselkedés szerkesztőt" az "Objektum tulajdonságai" menüpontból.

A példánkban azt fogjuk csinálni, hogy az objektum egy animációt játszik le, amikor megérintik. Kezdj azzal, hogy hozzáadod a "Started Touching" viselkedést.

Következőként add hozzá a "Play Animation" viselkedést az FX kategóriából, és kösd össze a korábban hozzáadott "Started Touching" viselkedéssel.

Miután összekapcsoltad, érints rá a "Play Animation" viselkedésre, hogy megtekinthesd a "Viselkedési tulajdonságok"-at. A viselkedés tulajdonságai között megváltoztathatod, hogy melyik objektumot animálod, milyen animációt játszol le, és egyéb különböző paramétereket, amelyek hatással vannak az animációk lejátszására.

A viselkedés tulajdonságai között érints rá a "Select Animation" feliratra. Ez megnyitja az animációs idővonalat, lehetővé téve, hogy képkockákat vagy animációs ciklust adj hozzá.

Az idővonalhoz való animációk hozzáadásához érintsd meg az "Eszközkönyvtár" ikont, hogy megnyisd az eszközkönyvtárat. Bármely grafikai eszköz, amelyet megérintesz, automatikusan kiválasztódik és hozzáadódik az idővonalhoz.

Ha animációs ciklust szeretnél hozzáadni, tartsd lenyomva az animált eszközt az "Eszközmenü" megnyitásához. Az Eszközmenüből válaszd a "Animációk megtekintése" lehetőséget. Az Eszközkönyvtár most megmutatja az összes animációs ciklust, amit korábban hozzáadtál az eszközhöz. Egy ciklusra való rákoppintással azt hozzáadhatod az idővonalhoz.

Miután befejezted az animációk hozzáadását az idővonalhoz, érints az viselkedés képernyőjére, hogy bezárd az idővonalat, és visszatérj a viselkedés szerkesztőjéhez.

Ha megnyomod a "Play" gombot, az objektum csak akkor animálódik, ha megérinted.