{"id":9392,"date":"2012-08-27T13:17:52","date_gmt":"2012-08-27T11:17:52","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=9392"},"modified":"2012-08-27T13:17:52","modified_gmt":"2012-08-27T11:17:52","slug":"6-come-aggiungere-profondita-ai-nostri-videgiochi-in-2d","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/6-come-aggiungere-profondita-ai-nostri-videgiochi-in-2d\/","title":{"rendered":"6. Come aggiungere profondit\u00e0 ai nostri videgiochi in 2D"},"content":{"rendered":"

\"corso-programmazione-videogame-cocos2d-06\"<\/a> Bentornati, dopo una piccola pausa estiva, al nostro corso di programmazione videogame per iPhone e iPad con cocos2d<\/strong>. Oggi vedremo un concetto che ci accompagner\u00e0 anche nella prossima lezione, parleremo infatti di come aggiungere una illusione di profondit\u00e0 ai nostri videgiochi in 2D.<\/p>\n

Se avete giocato almeno ad un platform 2D pi\u00f9 recente del primissimo Mario Bros, avrete sicuramente fatto caso che, nonostanze l’assenza di una terza dimensione, i programmatori riescono comunque a fornire un certo effetto di profondit\u00e0.
\nQuesto effetto viene ottenuto sfruttando un aspetto molto interessante e caratteristico della percezione visiva chiamato “parallasse”.<\/p>\n

Wikipedia<\/a> recita: “La parallasse \u00e8 il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione.<\/em>“.<\/p>\n

Questo aspetto \u00e8 quello che permette al cervello di ricostruire le informazioni sulla profondit\u00e0 da un’immagine che altrimenti sarebbe solo 2d. Poich\u00e9 tra i due occhi c’\u00e8 una certa distanza \u00e8 come se cambiasse il “punto di osservazione” quindi nell’immagine recepita dai due occhi gli oggetti “cambiano” leggermente posizione rispetto allo sfondo. Questa differenza viene rapidamente calcolata dal nostro cervello e l’informazione viene utilizzata per ricavare i dati sulla profondit\u00e0.<\/p>\n

Questo fenomeno \u00e8 chiaramente visibile ad occhio nudo su breve distanza, basta chiudere alternativamente gli occhi e fissare un oggetto vicino, ma \u00e8 valido anche su scala astronomica, infatti la distanza tra la terra e i pianeti viene stimata effettuando due misurazioni in tempi diversi. Se la terra si trova in posizione diversa l’immagine che si ottiene \u00e8 diversa e quindi si pu\u00f2 calcolare la distanza.<\/p>\n

Ok, dopo questa breve incursione del mondo della fisica torniamo al nostro corso per ripondere alla domanda che sicuramente vi starete ponendo: “Ok, bello ma io con cocos che cosa me ne faccio della parallasse?”.<\/p>\n

Beh noi sfruttiamo il concetto inverso, se \u00e8 vero che l’oggetto sembra spostarsi cambiando punto di osservazione, \u00e8 vero anche il contrario, infatti noi faremo veramente spostare gli oggetti della nostra scena per simulare un cambio di punto d’osservazione. Semplice, no?<\/p>\n

Facciamo un esempio pi\u00f9 chiaro, immaginate di essere su un treno in corsa e guardare fuori dal finestrino, cosa vedete? Vetrete probabilmente le forme indistinte dei cespugli che scorrono velocissme, mentre sullo sfondo un paesaggio che scorre lento e, ancora pi\u00f9 lontano, delle montagne che sembrano immobili. Oggi tenteremo di ricostruire questo effetto con le sprite e le classi cocos2d.<\/p>\n

Facciamo i nostri esperimenti con la parallasse creando un nuovo progetto cocos2d, nell’immagine qui in basso potete vedere quello che andremo a realizzare:<\/p>\n


\n\"come-aggiungere-profondita-giochi-corso-cocos2d-01\"<\/a>
\n<\/center><\/p>\n

Sono evidenti in questa immagine i 4 livelli:<\/p>\n