Auto sprite sheet Unity/Photoshop [HowTo]

• 2Ovo se svidja korisnicima: E.L.I.T.E., bosmilan
  
  Registruj se da bi pohvalio/la poruku!

Sprite sheet je jedna velika tekstura koja sadrži više malih tekstura, sličica ili čega god.
Umesto da imamo, na primer, 20 različitih tekstura za nešto u igri, možemo da ih spakujemo u jednu i da kasnije podelimo tu jednu teksturu u endžinu i dobijemo pojedinačno svaku sličicu.

Možemo ove teksture spakovati na više načina ali ja ću vam pokazati kako da odradite jedan automatizovani proces upotrebom Photoshopa i Unityjja.

1. Otvorite Photoshop i napravite novi fajl



2. View > Show > Grid



Sada smo prikazali pomoćni Grid koji se neće videti na izlaznom dokumentu ali će nam pomoći da spakujemo teksture. Potrebno je dodatno podesiti veličinu polja.

3. File > Edit > Preferences > Guides Grid & Slices



Grupa "Grid" :
- Gridline Every : n pixels - Podesite veličinu svakog polja mreže. Bitno je da zapamtite ovaj broj.
- Subdivisions : n - Dodatno deljenje jednog polja. Opciona mogućnost koja može pomoći a ne mora.

Kada ste podesili veličinu, vratite se nazad na fajl i krenite da dodajete teksture.

4. Bitno je da svaka tekstura bude unutar polja, da ne preklapa polje ili "visi".



5. Sačuvajte fajl u formatu koji želite i otvorite Unity.

Unity

1. Dodajte fajl u projekat prevlačenjem na Project karticu

2. Kliknite na fajl u Project kartici i u Inspector kartici podesite sledeće opcije :
Texture type : Sprite (2D and UI)
Sprite Mode : Multiple



3. Kliknite na Sprite Editor > Slice > Grid > Unesite veličinu > Kliknite na Slice



Unity je "posekao" fajl na više delova a to možemo videti ako kliknemo na bilo koju teksturu. Ukoliko je došlo do nekog problema možete ga ispraviti tu ili proveriti da li su vam veličine pravilno unete.

Takođe, možete izmeniti nazive ukoliko vam ne odgovaraju...

> Kliknite na Apply



4. Sve je gotovo. Imate sprite sheet.

Inače obično se koriste za animacije - napakuju se tekstura animiranog lika i podele se u endžinu, ali kao što vidite mogu se koristiti po volji...




///

Ukoliko znate kako da napravite ovaj pomoćni grid u drugom programu, koji je besplatan možda, slobodno ostavite uputstvo.