{"id":9146,"date":"2012-06-29T14:30:50","date_gmt":"2012-06-29T12:30:50","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=9146"},"modified":"2016-06-07T15:30:54","modified_gmt":"2016-06-07T13:30:54","slug":"01-introduzione-a-cocos2d-installazione-e-primo-progetto","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/01-introduzione-a-cocos2d-installazione-e-primo-progetto\/","title":{"rendered":"01. Introduzione a cocos2d, installazione e primo progetto"},"content":{"rendered":"

Avete quindi deciso di imparare a creare giochi per iPhone e iPad, bene! Vi attende un po’ di studio, ma anche tanto tanto divertimento.<\/p>\n

Lo sviluppo di un videogioco richiede tante competenze diverse: servono dei disegnatori, degli esperti di audio e dei creatori di contenuti; oltre che, ovviamente, dei bravi programmatori. Al programmatore sono richieste competenze non indifferenti perch\u00e9 se si vuol realizzare un videogioco da zero bisogna muoversi agevolmente con OpenGL ES e con tutti i framework di basso livello relativi al multimedia come OpenAL. Lavorare con queste tecnologie non \u00e8 semplicissimo, ma fortunatamente<\/em> (il corsivo \u00e8 d’obbligo perch\u00e9 non si tratta di fortuna, il tutto \u00e8 reso possibile da gente che ci lavora tutti i giorni) esistono alcuni framework che fanno per noi il lavoro pi\u00f9 duro e ci permettono di creare videogiochi con semplicit\u00e0 e senza necessariamente conoscere OpenGL ES o avere a che fare con complicati calcoli di fisica.<\/p>\n

In queste lezioni tratteremo Cocos2d, pi\u00f9 precisamente la sua versione per il sistema operativo iOS che si chiama cocos2d for iPhone<\/strong>. Si tratta di un framework open source per la creazione di videogiochi<\/strong> che comprende una lunga serie di strumenti che vanno dalla gestione delle scene, dei men\u00f9, delle transazioni, la gestione dell’audio e molto altro ancora.<\/p>\n

Il progetto non \u00e8 nato per\u00f2 per questa piattaforma, nasce infatti per python, ma ha conosciuto il successo proprio grazie alla diffuzione dei device Apple.<\/p>\n

Attualmente esistono porting di cocos2d anche per atri linguaggi come Ruby e Java (Android).
\nTra i numerosi vantaggi presenti nell’utilizzare un framework come cocos2d va sottolineato che il suo sorgente, lavorando con OpenGL ES, viene eseguito dalla GPU e questo \u00e8 molto importante perch\u00e9 lascia la CPU libera di fare altro mentre tutto il carico di lavoro derivante dalle animazioni viene asseganto alla scheda grafica.<\/p>\n

Il progetto ha il suo sito ufficiale: http:\/\/www.cocos2d-iphone.org\/<\/a> dove potete trovare una folta community di sviluppatori, tante guide http:\/\/www.cocos2d-iphone.org\/wiki\/doku.php\/<\/a> e un’elenco delle applicazioni realizzate con questo framework http:\/\/www.cocos2d-iphone.org\/games<\/a>.<\/p>\n

Alcuni giochi elencati, diciamolo francamente, farebbero venire voglia di abbandonare lo studio, ma ci sono anche tanti capolavori come il recente “The Numberlys” (App Store<\/a>) oppure Zombie Smash (App Store<\/a>) che sono state rispettivamente “app of the week” e “top paid app”.<\/p>\n


\n\"01-introduzione-cocos2d-installazione-primo-progetto-01\"<\/a><\/center>

\n\"01-introduzione-cocos2d-installazione-primo-progetto-02\"<\/a><\/center><\/p>\n

Installazione<\/h4>\n

Potete trovare l’ultima release del framework sul sito ufficiale del progetto http:\/\/www.cocos2d-iphone.org\/<\/a> nella sezione relativa ai Download. Il consiglio \u00e8 come sempre quello di utlizzare la versoine definita “stable” lasciando le versioni unstable solo agli utenti pi\u00f9 esperti che hanno voglia di provare delle nuove caratteristiche.<\/p>\n

Al momento in cui scrivo la release stabile \u00e8 la 1.0.1. Scarichiamo il file cocos2d-iphone-1.0.1.tar.gz<\/a> in una cartella del nostro sistema operativo e scopattiamolo con un semplice doppio click, verr\u00e0 creata la cartella cocos2d-iphone-1.0.1<\/p>\n

Se avete voglia di vedere come pu\u00f2 essere gestito un progetto complesso come cocos2d aprite il file cocos2d.xcworkspace, ma attenti a non modificare nulla! Il progetto Cocos2d-ios ha ben 67 targets, molti dei quali sono test (ricordate il nostro articolo su Unit-test<\/a>, vero?). Assicuratevi di non aver modificato nulla e chiudete il progetto, passeremo adesso all’installazione.<\/p>\n

Molti framework vengono distribuiti semplicemente come un insieme di file .h e .m da trascinare all’interno dei nostri progetti, ma vista la particolarit\u00e0 di questo framework viene fornito un programma che permette di aggiungere tre nuovi template ad XCode.
\nIl programma si chiama install-templates.sh ed \u00e8 uno script bash. Per eseguirlo non dovete cliccarci sopra, ma bisogna eseguirlo da riga di comando.<\/p>\n

Mi auguro che tutti i lettori di questo corso sappiano che cosa sia la riga di comando, perch\u00e9 non si pu\u00f2 realmente dire di conoscere un sistema operativo se non si \u00e8 in grado di usarlo esclusivamente attraverso questo sistema. Estremismi a parte avviamo l’applicazione “terminale” e spostiamoci all’interno della cartella cocos2d-iphone-1.0.1. Per verificare in quale cartella ci si trova basta digitare il comando “pwd”, mentre per spostarsi nella cartella “prova” il comando da digitare \u00e8 “cd prova”.
\nQuando siamo all’interno della cartella giusta assicuriamoci che xcode non sia aperto e digitiamo<\/p>\n

sudo .\/install-templates.sh\r\n<\/pre>\n
(occhio al punto prima dello slash)<\/p>\n
Quando la procedura sar\u00e0 terminata possiamo aprire XCode e, se tutto \u00e8 andato a buon fine, vedremo una nuova sezione con tre nuovi template:<\/p>\n

\n\"01-introduzione-cocos2d-installazione-primo-progetto-03\"<\/a><\/center>Il primo ci permetter\u00e0 di creare un progetto base che utilizza cocos2d, il secondo oltre ad usare cocos utilizza anche il motore di simulazione fisica box2d<\/strong>. Il terzo \u00e8 simile al secondo, ma al posto di utilizzare box2d utilizza chipmunk<\/strong>. Vedremo qualche differenza sui due framework pi\u00f9 avanti nel corso.<\/p>\n
Hello world<\/h4>\n
Creiamo adesso il primo progetto con cocos2d: il classico “hello world”.
\nAvviamo XCode, scegliamo di creare un nuovo progetto e selezioniamo la categoria “cocos2d”. In questo momento non ci servir\u00e0 nessun motore fisico quindi scegliamo il template “cocos2d”.
\nDiamo un nome al progetto e salviamolo in una cartella sul nostro disco.
\nLa creazione del progetto termina qui, infatti possiamo gi\u00e0 eseguire il progetto sul simulatore<\/p>\n

\n\"01-introduzione-cocos2d-installazione-primo-progetto-04\"<\/a><\/center>per verificare che tutto funzioni.
\nUna volta in esecuzione il progetto mostra questa interfaccia:<\/p>\n

\n\"01-introduzione-cocos2d-installazione-primo-progetto-05\"<\/a><\/center>Il numero visibile nell’angolo in basso a sinistra indica il framerate corrente, cio\u00e8 il numero di frame visibili in un secondo. Chiaramente i frame non sono divisibili quindi quel valore non deve essere considerato come “59 frame e 7 decimi di frame” ma piuttosto “il frame \u00e8 rimasto visibile per 1 \/ 59.7 secondi”.<\/p>\n
Ci si potrebbe chiedere come mai il framerate non sia stabile su 60 considerata la semplicit\u00e0 dell’interfaccia del “gioco”; una risposta esaustiva richiederebbe un’approfondimento non banale sui sistemi operativi, qui possiamo dire che il framerate oscilla perch\u00e9 il sistema operativo iOS non \u00e8 un sistema operativo realtime e l’esecuzione dei processi \u00e8 demandata ad un componente chiamato “schedulatore”. Lo schedulatore interrompe ciclicamente l’esecuzione del nostro processo per eseguire tutti gli altri processi del sistema operativo e queste interruzioni durano per un tempo brevissimo ma non prevedibile. Per questo motivo alcuni frame possono impiegare pi\u00f9 tempo di altri ad essere aggiornati portando il framerate ad un valore leggermente pi\u00f9 basso di quanto fissato. Ma non vi illudete, se nel vostro gioco il framerate scende a 15 fps non date la colpa allo schedulatore \ud83d\ude09 quella \u00e8 solo colpa della complessit\u00e0 del vostro gioco!<\/p>\n
Non impostate mai valori pi\u00f9 alti di 60 perch\u00e9 sarebbe inutile, lo schermo dell’iphone ha una frequenza di aggiornamento fissata a 60Hz quindi non sarebbero visibili aggiornamenti con una maggiore frequenza. Inoltre in alcuni casi pu\u00f2 essere pi\u00f9 utile mantenere un framerate pi\u00f9 basso, ma costante, piuttosto che uno altalenante.<\/p>\n
Hello world in dettaglio<\/h4>\n
Non possiamo per\u00f2 concludere in questo modo il nostro approccio con il primo progetto cocos2d, vogliamo infatti vedere nel dettaglio com’\u00e8 fatto questo template e come funziona.
\nSe diamo un’occhiata all’elenco delle risorse che sono state create vediamo davvero un gran numero di framework e di librerie importate, \u00e8 stato proprio un bene avere un template, non credete?<\/p>\n
Lasciamo l\u00ec le librerie e diamo uno sguardo all’elenco dei file:<\/p>\n