Developer Software: Texture Packer

Articolo scritto da Gabriele Carbonai    Nessun commento

Oggi voglio parlarvi di un software che permette di creare facilmente le nostre texture da aggiungere ai nostri progetti.

Cosa sono le texture

Questo è un argomento che già è stato trattato su gomonkey, però per chi se lo fosse perso faccio un breve riepilogo.

Noi programmiamo giochi per device come iPhone o iPad, questi se pur potenti hanno una memoria limitata rispetto ad altre console apposite per i giochi.

Anche se le varie playstation e xbox utilizzano le texture noi abbiamo una ragione in più per farlo: la memoria.

Pensate che se per un personaggio abbiamo necessità di 5 o 6 frame per l’animazione, queste se utilizzate singolarmente con il resto delle immagini provocherebbe un rallentamento dell’applicazione.

Il gioco ha bisogno di caricare le immagini prima di mostrarle stampate a video.

Le texture invece sono immagini di grandi dimensioni dove al loro interno ci sono tutte le altre immagini indispensabili per la nostra applicazione.

quindi una sola immagine da caricare per tutto il gioco.

La difficoltà ora sta nel mappare le immagini, potremmo farlo con photoshop e prendere le coordinate e quindi creare file propery list (plist) con le mappature delle nostre immagini.

Ma questo sarebbe un lavoraccio duro da affrontare anche per i più esperti.

allora ecco che ci aiutano i vari software come Texture Packer che fa per noi il lavoro duro, creando l’immagine principale e il file property list che verranno poi inserite nel progetto e con poche righe di codice si potra richiamare le immagini necessarie

Iniziamo con texture packer

Il prodotto è stato provato ed è veramente ottimo e vale il costo della licenza che non è eccessivo.

Prima cosa dobbiamo scaricare il software che è una versione di prova, la licenza costa 19,61 € ma è possibile acquistare il pacchetto compreso di PhysicsEditor al prezzo di 27,47 € e avere cosi due importanti software

TexturePacker viene menzionato anche nel libro Learning cocos2D di Ray Winderlich.

Apriamo il programma una volta che l’abbiamo scaricato e installato.

Vediamo ora come utilizzare TexturePacker.

Ho trovato in rete una serie di sprite di lucky luke che ho diviso immagine per immagine con photoshop.

Puoi scaricare le immagini pronte all’utilizzo

una volta aperta la cartella contenete le 15 immagini dobbiamo selezionarle tutte e trascinarle all’interno di TexturePacker sulla barra destra “sprite”

oppure ancora meglio, cliccare sul pulsante in alto “Add Folder” e scegliere la cartella contenente le immagini.

ecco perché il programma è a pagamento!!

Prima cosa che notiamo è che le immagini si auto posizionano da sole, poi la dimensione dell’immagine è automatica, quindi fa della sua forza l’automatismo e la velocità del lavoro.

In più c’è la possibilità di creare texture per diversi linguaggi o framework, altra cosa utile

Ora premiamo su publish

diamo un nome ai file e premiamo “save”

Il programma genera automaticamente i due file necessari al nostro scopo

il file .png

e il file property list con le mappature

Ora per vedere come implementare le texture all’interno del nostro progetto Xcode vi rimando al tutorial

Creare animazioni utilizzando le texture (parte due)

solo un paio di modifiche da apportare al codice:

1. cambiare il nome delle immagini e delle texture

2. modificare il ciclo in questo modo:

 
        for (int i = 1; i <= 15; i++) {
            NSString *file = [NSString stringWithFormat:@"lucky_%d.png", i];
            CCSpriteFrame *frame = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:file];
            [animFrames addObject:frame];
        }

questo perché abbiamo più immagini e dato che stiamo passeggiando sarebbe opportuno diminuire la velocità di esecuzione nell’action

CCAction *moveAction = [CCMoveBy actionWithDuration:2.0f   position:CGPointMake(500.0f,0.0f)];

Un ringraziamento speciale va a Andreas Löw, sviluppatore di TexturePacker e PhysicsEditor, per averci permesso gratuitamente di testare i suoi software.