Tutorial 9 - Creazione gioco Android tipo Space Invaders con MIT App Inventor 2 (Parte 1)

Nel tutorial di oggi vedremo come realizzare in maniera semplice e veloce un simpatico gioco per Android.

Useremo sempre MIT App Inventor 2, un tool gratuito e cloud based per la realizzazione di applicazioni Android.

Lo schema di base assomiglierà un pò al buon vecchio Space Invaders, ma in questo caso controlleremo con il nostro dito un sottomarino che dovrà sparare dei siluri per affondare la nave che viaggia nella parte superiore dello schermo.

Tutorial 9 - Creazione gioco Android tipo Space Invaders con MIT App Inventor 2 (Parte 2)

Per leggere la parte 1 del tutorial clicca QUA

Proseguiamo quindi il nostro tutorial per la creazione di un semplice videogioco Android tramite MIT App Inventor 2.

Mancano ancora da programmare gli eventi per la gestione delle collisioni, per lo spostamento della nave, per il calcolo del punteggio e per l'aggiunta degli effetti sonori...

Se provate l'app realizzata fino a questo punto vedrete che quando il proiettile raggiunge il bordo superiore dello schermo si ferma, per programmare quindi correttamente l'animazione del proiettile e far si che sparisca al di fuori dello schermo possiamo usare l'evento "Ball1.EdgeReached" che ci indica quando il proiettile tocca uno dei bordi dello schermo, quando viene generato questo evento vogliamo semplicemente far sparire il proiettile settando la sua visibilità a "false" e resettando la sua posizione ad un valore di default (ad esempio x=100 y=100 pixel), di fatto simulando l'uscita di questo dallo schermo.

Nuova versione di MIT App Inventor 2 (nb135 5 Luglio 2014) i lavori continuano...

Il team non si ferma mai!!!...
E' con grande piacere che vi presento la nuova versione di
MIT App Inventor 2
(per chi non lo conoscesse è un tool online e web based gratuito per la realizzazione di app Android in maniera semplice e veloce)

Siamo giunti alla versione
nb135 (5 Luglio, 2014)

Per accedere alla versione aggiornata nulla di più semplice, basta andare al solito indirizzo:

http://ai2.appinventor.mit.edu/

vediamo le novità introdotte con questo aggiornamento:

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 1

Nel tutorial di oggi andremo a vedere come sia possibile creare con MIT App Inventor (un tool gratuito e cloud based per la creazione di app Android) un gioco a quiz sul calcio.

Il tutorial è interessante perchè introduce molti altri concetti di programmazione che vengono spesso utilizzati nella realizzazione di programmi e app.
In particolare parleremo di gestione delle "liste" il costrutto condizionale  "if-then", le "procedure" e la funzioni di "comparazione tra stringhe"

Seguitemi quindi nella lettura...

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 2

Leggi Parte 1 Tutorial Android Quiz Calcio

Continuiamo a vedere la logica di funzionamento della nostra app, proseguendo la programmazione per la parte relativa al "Blocks Editor"

Per prima cosa vogliamo inizializzare la nostra app alla sua apertura, per fare questo usiamo l'evento "Screen1.Initialize" che viene eseguito appunto non appena l'app viene lanciata dal nostro utente.

Impostiamo la label delle domande "Lbl_Domanda" con la prima domanda della lista creata in precedenza, per farlo usiamo il metodo "set Lbl_Domanda.text to"
Quindi usando dalla palette "list" la funzione per la selezione di un elemento andiamo ad estrarre il primo valore dalla "Lista_Domande"

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 3

Parte 1 Tutorial Android Quiz Calcio - Parte 2 Tutorial Android Quiz Calcio

Nella terza e "quasi..." ultima parte del nostro tutorial per la realizzazione di un quiz calcistico per Android usando MIT App Inventor andiamo a vedere come programmare la logica di controllo sulla correttezza della risposta inserita dal giocatore.

L'evento da programmare è ovviamente quello relativo alla pressione del tasto "Ok" (se ricordate nel design editor il suo nome è "Bn_Risposta")

Quindi il blocco da programmare sarà quello che trovate cliccando nella palette di sinistra l'elemento "Bn_Risposta" e poi selezionando e trascinando "When Bn_Risposta.Click" nel Blocks Editor: