Sprite-arkkianimaatioiden toteuttaminen

Varmennusympäristö

Windows

• Windows 11

Unity-editori

• 2020.3.25F1

Syöttöjärjestelmän paketit

• 1.2.0

Tämän vinkin edellytykset

Seuraavat asetukset on määritetty valmiiksi näiden vihjeiden selityksen edellytykseksi.

• Syöttöjärjestelmäpaketin esittely
• Kohdista kamera (2D) piirtoalueeseen

Mikä on Sprite Sheet -animaatio?

Nykyaikaisissa peleissä hahmot ja tehosteet animoidaan siirtämällä 3D-malleja, laskemalla räjähdyksiä reaaliajassa ja näyttämällä tehosteita. Tämä on tullut mahdolliseksi, koska pelikonsolien laskentateho on kasvanut, mutta koska vanhoilla pelikonsoleilla ei ollut niin paljon tehoa, sprite sheet -animaatio, joka vaihtoi jatkuvasti kuvia saadakseen sen näyttämään liikkuvalta, oli valtavirtaa. Periaate on sama kuin televisiossa toistetussa animessa. Sprite-arkkianimaatioita käyttää harvempi peli kuin aiemmin, mutta niitä käytetään edelleen usein, koska laskelmiin tarvittava kuormitus on paljon pienempi.

Sprite-arkin animaatio vaihtaa ja näyttää useita kuvia peräkkäin. On harvinaista valmistaa niin monta kuvatiedostoa kuin on, ja periaatteessa kaikki näyttökuviot sisältyvät yhteen kuvaan. Tämä helpottaa kuvatiedostojen hallintaa ja vähentää kuvatiedostojen lataamisen kuormitusta. Tämän animaation yhteenvedon sisältävää kuvatiedostoa kutsutaan sprite-arkiksi.

Sprite-arkin luominen

Sprite-arkki on pohjimmiltaan vain kuvatiedosto. Koska sillä ei ole mitään tekemistä Unityn kanssa, luo se kuvankäsittelytyökalulla. Lopullinen tiedostomuoto on PNG-tiedosto, jota Unity pystyy käsittelemään.

Lisäksi sprite-arkkien luomiseen on seuraavat säännöt.

• Yhdistä kaikkien kehysten kuvakoko. Jos esimerkiksi ensimmäinen kuva on 32x32 pikseliä, toinen ja seuraavat kuvat ovat 32x32 pikseliä. Jos esimerkiksi valmistat sprite-arkin "3x2"-muodossa, jossa on 6 kehystä, sprite-arkin koko on 96x64 pikseliä.
• Voit kohdistaa kuvan vapaasti, kuten "6x4" tai "2x8", mutta muista luoda se olettaen, että kaikki kehykset täytetään. Jos se on "6x4", se on 24 kuvaa ja niin edelleen. Jos kyseessä on 13 kehyksen animaatio, valmistele se "1x13" tai "13x1".
• Koska se on animaatio, se on kohdistettu oikein, jotta kehyksissä ei ole kohdistusvirheitä ennen ja jälkeen.
• Animaation suunta alkaa vasemmasta yläkulmasta ja menee oikealle, ja kun siirryt oikeaan reunaan, se alkaa vasemmalta askeleen alaspäin ja menee jälleen oikealle.

Itse asiassa sinun ei tarvitse tehdä edellä mainittua tiukasti Unityssa, mutta teknisistä tiedoista on paljon helpompi päättää etukäteen.

Tällä kertaa käytän sprite-arkkia vaihtaakseni seuraavat numerot. Yksi neliö on 32x32 pikseliä. Se koostuu 24 "6x4" kehyksestä, joten kuvan koko on 192x128 pikseliä.

Sprite-arkin määrittäminen Unity-editorissa

Kun olet luonut projektin, lisää projektiin sprite-arkkitiedosto. Tässä oletetaan, että tiedostonimi on NumberAnimation .

NumberAnimation Valitse tiedosto ja täytä inspektori seuraavasti:

On monia muita asetuksia, jotka voidaan määrittää, mutta jätetään se toistaiseksi sellaisenaan. Kun olet määrittänyt, napsauta "Sprite Editor" -painiketta.

Jos alla oleva valintaikkuna tulee näkyviin, napsauta "Käytä" -painiketta. Itse asiassa tämän tarkastajan asetukset on tallennettava, ja jos vierität alareunaan, on "Käytä" -painike, joten sinun on tallennettava asetukset tällä painikkeella. Se tallennetaan myös valintaikkunan "Käytä" -toiminnolla, joten ei ole väliä millä tavalla tallennat sen.

Sprite-editori tulee näkyviin. Tässä osiossa pyrimme erottamaan spriten sprite-arkista.

Vasemmassa yläkulmassa on painike nimeltä "Viipale", napsauta sitä ja vaihda tyypiksi "Ruudukko solun koon mukaan". Tässä sprite-arkissa yksi sprite-koosta on "32x32" pikseliä, joten syötä 32 pikselikokoa kohti. Kun olet valmis, klikkaa Osita-painiketta.

Tätä kuvaa on vaikea ymmärtää, koska se näyttää olevan selvästi jaettu alusta alkaen, mutta se on jaettu 1 sprite 32px: llä. Paina "Ctrl" -näppäintä ja jaettu viiva näkyy vihreänä.

Kun olet jakanut, tallenna se "Käytä" -painikkeella.

Jos laajennat projektin kuvatiedoston osoittamalla kolmiota, näet, että hahmo on jaettu.

Sprite-sijoittelu ja animaatio

Vedä sprite-hahmo näkymään ja aseta se.

Sitten valintaikkuna tulee näkyviin, joten tallenna NumberAnimation se nimellä . Tämä tiedosto sisältää animaatioasetukset.

Ensimmäinen hahmo sijoitetaan näkymään, ja projektiin luodaan animaatio-ohjain ja animaatioleike. Jos kuva on pieni, suurenna mittakaavaa.

Tässä vaiheessa otetaan käyttöön oletusanimaatioasetukset, joten voit vain suorittaa pelin. Sinun pitäisi pystyä näkemään, että sprite-animaatio liikkuu heti, kun peli alkaa.

Animaatioiden silmukoiden estäminen

Valitse animaatioleiketiedosto (NumberAnimation.anim) projektistasi.

Tarkastajassa on valintaruutu "Silmukka-aika", joten poista valinta.

Jos suoritat pelin, näet, että animaatio pysähtyy kohtaan 24. Se on tehokas kertaluonteisiin räjähdysvaikutuksiin.

Animaation nopeuden muuttaminen

Valitse animoitava hahmo hierarkiasta.

Valitse sitten Animaatio-välilehti. Jos sinulla ei ole Animaatio-välilehteä, valitse valikosta Ikkuna > Animaatio > Animaatio.

On olemassa numero nimeltä "näyte", joka on useita kertoja kuvien vaihtamiseksi sekunnissa. Tässä esimerkissä animaatiossa on 24 kehystä, joten animaatio toistetaan 2 sekunnin välein.

Jos pienennät tätä numeroa, animaation nopeus on hitaampi, ja jos lisäät sitä, nopeus kasvaa.

Tietoja muista animaation lisäasetuksista

Eri animaatioasetukset selitetään erikseen animaatiokohtaisissa vinkeissä. Nämä asetukset eivät koske vain sprite-animaatioita, mutta eivät yksinomaan Se on sama kuin muiden liikeanimaatioiden ja 3D-animaatioiden määrittäminen.

Tässä vinkissä selitämme, kuinka siirtyä sprite-arkista animaationa.