Animaatioiden tuominen ja käyttäminen

hyperPadin avulla voit luoda objekteja, joilla on mukautettu animaatio. Animaatioihin liittyen sinulla on kaksi vaihtoehtoa. Voit tuoda animaatioita yksittäisinä kehyskuvina tai koko sprite-lehtenä.

Yksittäiset Kehykset:

Voit luoda animaatiokierroksen tuomalla peräkkäisiä yksittäisiä kehyskuvia.

Aloittaaksesi sinun on tuoda ensimmäinen kehys tai kuva, joka edustaa objektiasi Asset Library:sta (katso Tuominen resursseja). Kun olet tuonut objektisi, napauta ja pidä sormesi objektissa, johon haluat lisätä animaatioita, tämä avaa Asset-valikon.

Valitse Asset-valikosta "Lisää animaatio", tämä avaa mahdollisuuden tuoda Kameran Rullasta tai Dropboxista. Katso "Tuominen resursseja" saadaksesi lisätietoja näistä vaihtoehdoista.

Kun olet valinnut haluamasi tuontilähteen, voit valita kaikki animaation kehykset, ja sitten napauttaa "Valmis" oikeassa yläkulmassa jatkaaksesi näiden kehysten tuomista.

Sinulta kysytään sitten animaatiokierroksen nimeä.

Kun olet syöttänyt kierroksen nimen, hyperPad luo sprite-lehden kaikille animaatiokierroksille kyseiselle resurssille (mukaan lukien alkuperäinen resurssigrafiikka). Muista, että hyperPad tuottaa vain sprite-lehden, jonka maksimiresoluutio on 2048x2048 pikseliä. Tämä tarkoittaa, että tuodun kuvan kaikkien kehysten (mukaan lukien alkuperäinen resurssi) koko ei saa ylittää sprite-lehden maksimikokoa.

Jos käsittelet suurempia kuvia, paljon animaatiokehyksiä tai molempia, saatat törmätä virheilmoitukseen, joka sanoo, että olet ylittänyt maksimi sprite-lehden koon. Jos olet ehdottomasti päättänyt käyttää niin suuria grafiikoita, on muutamia keinoja kiertää tämä.

1. Jaa animaatiosarjat useille objekteille. Jokaisella tulee olemaan oma 2048x2048 sprite-lehtensä. Joten voit luoda "kävely"-objektin, "hyppy"-objektin jne. Missä jokainen objekti tallentaa animaatiokierroksen (tai useita kierroksia). Näin voit luoda useita 2048x2048 sprite-lehtiä.

2. Älä tuota niitä animaatiokierroksina. Tuota yksinkertaisesti jokainen animaatiokehys omana kuvanaan. Käytä sitten "Toista Animaatio"-käyttäytymistä ja lisää jokainen kehys manuaalisesti animaatioaikajanaan käyttäytymisominaisuuksissa.

Sprite-lehdet:

Voit luoda mukautettuja sprite-lehtiä ja tuoda niitä hyperPadiin yhdistämällä projektisi Dropboxin kanssa. Oppiaksesi lisää projektisi yhdistämisestä Dropboxiin, katso "Tuominen resursseja".

Luodaksesi mukautettuja sprite-lehtiä, voit käyttää mitä tahansa työkalua, joka pystyy luomaan "Cocos2D" -yhteensopivaa sprite-lehteä. Kaikkien sprite-lehtien on oltava paritettu PLIST-tiedosto, joka sisältää sprite-lehden metatiedot. Voit katsoa avustusartikkelin "Tuetut resurssityypit" oppiaksesi lisää yhteensopivista sprite-lehdistä.

Animaatioiden tarkastelu:

Jos resurssillasi on animaatioita, se merkitään "Asset Library":ssa "Animoitu" resurssi.

Esikatsellaksesi resurssin animaatioita, avaa "Asset-valikko" napauttamalla ja pitämällä sormeasi animoidun resurssin päällä ja valitse "Esikatselu Animaatiot".

Tästä voit avata "Asset-valikon" uudelleen ja valita "Esikatselu Animaatio". Popup-ikkunassa toistuu animaatio ja se näyttää myös hyödyllistä tietoa.

Jos napautat ja pidät sormeasi animaatiokierroksella, avautuu Asset-valikko, joka antaa sinulle mahdollisuuden tarkastella kyseisen kierroksen yksittäisiä kehyksiä.

Animaatioiden käyttö:

Voit lisätä animoidun resurssin suoraan kankaalle tai käyttää "Toista Animaatio" -käyttäytymistä toistaaksesi animaation tarpeen mukaan.

Voit lisätä animoidun resurssin suoraan kankaalle avaamalla "Asset Library" ja tarkastelemalla animoidun resurssin animaatioita. Jos valitset animaatiokierroksen, se lisätään "Dock"-alueelle, jolloin voit vetää sen suoraan kohtaukseesi.

Kun lisäät animaatiokierroksen kankaalle, se luo objektin ja lisää automaattisesti "Toista Animaatio" -käyttäytymisen siihen. Jos tarvitset muuttaa animaation toistamisasetuksia tälle objektille, voit tehdä sen objektin käyttäytymisominaisuuksista.

"Toista Animaatio" -käyttäytymisen käyttö:

Jos sinun on toistettava animaatio tapahtumassa, kuten kun käyttäjä painaa nappia tai liikuttaa joystickia, voit käyttää "Toista Animaatio" -käyttäytymistä.

Aloita lisäämällä animoitu resurssi kankaalle. Valitse sitten objekti ja avaa "Käyttäytymiseditori" "Objektin Ominaisuudet".

Esimerkissä tehdään objektista toistaa animaatio, kun sitä painetaan. Aloita lisäämällä "Aloitettu Kosketus" -käyttäytyminen.

Seuraavaksi lisää "Toista Animaatio" -käyttäytyminen FX-kategoriasta ja yhdistä se aiemmin lisäämäsi "Aloitettu Kosketus" käyttäytymiseen.

Kun se on yhdistetty, napauta "Toista Animaatio" -käyttäytymistä nähdäksesi "Käyttäytymisominaisuudet". Käyttäytymisominaisuuksissa voit muuttaa, mikä objekti animaatioidaan, mitä animaatiota toistetaan ja muita eri parametreja, jotka vaikuttavat animaatioiden toistoon.

Käyttäytymisominaisuuksissa napauta laatikkoa, jossa lukee "Valitse Animaatio". Tämä avaa animaatioajan, jolloin voit lisätä kehyksiä tai animaatiokierroksen.

Lisätäksesi animaatioita aikajanaan voit napauttaa "Asset Library" -ikonia avatakseen resurssikirjaston. Kaikki graafiset resurssit, joita napautat, valitaan automaattisesti ja lisätään aikajanaan.

Jos haluat lisätä animaatiokierroksen, paina ja pidä animoidun resurssin päällä avatakseen "Asset-valikon". Asset-valikosta valitse "Esikatselu Animaatiot". Asset Library näyttää nyt kaikki animaatiokierrokset, jotka olet aikaisemmin lisännyt resurssille. Napauttamalla kierrosta lisäät sen aikajanaan.

Kun olet valmis lisäämään animaatioita aikajanaan, voit napauttaa käyttäytymisnäytössä sulkeaksesi aikajanan ja palata käyttäytymiseditoriin.

Jos painat "Toista", objekti animaatioi vain, kun kosketat sitä.