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.

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:

Tutorial 6 - Creazione gioco Android Magic 8 Ball - Parte 2

Eccoci con la parte 2 di questo tutorial , la vera Magic 8 Ball veniva attivata scuotendola con forza, giusto...

Bene, perchè non ricreare lo stesso effetto nella nostra app?
Nulla di più semplice tramite MIT App Inventor, il nostro tool web based preferito per la realizzazione di applicazioni Android.

Riprendiamo il nostro progetto ed aggiungiamo il primo dei nostri due nuovi componenti (che alla fine diventeranno tre...) :

Tutorial 3 - TalkToMe - Aggiunta componenti AccelerometerSensor , TextBox , TextToSpeech

Torniamo a parlare della nostra prima applicazione Android che avevamo realizzato con App Inventor,
chiamata TalkToMe (Tutorial TalktoMe parte 1 e Tutorial TalktoMe parte 2 se non li avete ancora seguiti ovviamente vi consiglio di farlo)

Nel tutorial di oggi andremo a vedere altri tre componenti abbastanza semplici che però permetteranno di amplicare le funzionalità della nostra app e sopratutto vi aiuteranno a capire sempre meglio come funziona App Inventor.

Tutorial 1 - Creare applicazioni Android con MIT App Inventor 2 - Introduzione

Bene, finalmente ci siamo!

Visto che MIT App Inventor 2 è uscito dalla fase alpha ed è entrato in fase beta da un pò di tempo, possiamo cominciare una nuova serie di tutorial che avvicineranno alla programmazione di App Android tramite l'utilizzo di questo software web facile ed intuitivo da usare.

Per chi non lo sapesse, tramite l'utilizzo di App Inventor, è possibile infatti creare in modo semplice e rapido della applicazioni Android anche se si hanno poche conoscenze di programmazione.

Tutorial 1 - Creare applicazioni Android con MIT App Inventor 2 - Parte 2 (Blocks Editor)

Eccoci alla seconda parte di questa guida per la realizzazione di app Android utilizzando il tool MIT App Inventor 2.

Avevamo completato la parte di interfaccia grafica e dovevamo ora programmare la logica di funzionamento del programma (molto semplice in questo primo esempio)

Andiamo quindi al "Blocks Editor" cliccando sul pulsante in alto a destra "Blocks"

Tutorial 60 - Ridimensionamento componenti in App Inventor per adattarsi a tutte le risoluzioni schermo (smartphone e tablet)

In questo tutorial affrontiamo una possibile ottimizzazione da applicare alle nostre app create con MIT App Inventor per far si che vengano visualizzate nella miglior maniera possibile su tutti i dispositivi Android.

Come ben sapete Android è una piattaforma diffusa su una miriade di dispositivi, ed a differenza di Iphone o Windows Phone (dove esistono solo un paio di risoluzioni per tutti i dispositivi), la risoluzione e la dimensione dello schermo può variare di molto da device a device.

Tutorial 52 - Il componente LocationSensor per la geolocalizzazione e la realizzazione di un App meteo (Yahoo Meteo)

Ricordate il Tutorial 51? Oggi andremo a vedere come sia possibile aggiungere il componente "LocationSensor" di App Inventor per realizzare un'applicazione in grado di localizzare il telefono e quindi darci le informazioni meteo relative alla nostra posizione attuale.

Uno dei vantaggi dei moderni smartphone è infatti quello di avere un gran numero di sensori che ci forniscono una quantità enorme di dati, tra questi uno dei più utilizzati è sicuramente il GPS che ci permette di localizzare con esattezza la posizione del telefono in ogni momento.

Tutorial 48 - Componenti PhoneNumberPicker, PhoneCall e Texting per effettuare chiamate ed inviare SMS

Tutorial Facile

Nel tutorial di oggi andremo a realizzare un applicazione "dimostrativa" che vi illustrerà abbastanza nel dettaglio l'uso dei componenti nella palette "social" per la gestione delle funzioni telefoniche del vostro smartphone.

Si analizzeranno quindi i componenti "PhoneNumberPicker", "PhoneCall" e "Texting" (per il componente texting potete andare a vedere anche gli altri due tutorial : Tutorial 43 - Invio SMS e Tutorial 45 - Ricezione di SMS)

Con questi componenti come avrete intuito sarà possibile selezionare un numero dalla rubrica del telefono, per poi decidere se si vuole effettuare una chiamata verso questo numero o se si preferisce inviare un SMS.

Tutorial 46 - Creazione di App per Radio in Streaming con Android App Inventor

Visto che mi è stato chiesto più volte sia tramite mail che commenti sul blog o su youtube, eccovi a voi un tutorial per creare un App di Radio Streaming.

Il componente utilizzato sarà il componente "player" che ci permette o di riprodurre un file audio memorizzato direttamente all'interno dell'app, oppure come nel tutorial di oggi, la riproduzione di uno stream audio reperibile su internet.

Tutorial 45 - Ricezione e lettura di SMS con App Inventor (componente Texting e TextToSpeech)

Continuiamo ad analizzare il componente "Texting" di Android MIT App Inventor per la gestione degli SMS.

La volta scorsa abbiamo visto come inviare in maniera molto semplice dei messaggi di testo tramite una nostra app.

Questa volta vedremo invece come gestire eventuali messaggi SMS in arrivo verso il nostro cellulare e farli interagire con un applicazione creata da noi.

Tutorial 44 - Realizzazione di un gioco matematico (indovina le frazioni) (array,random,funzioni matematiche...)

Benvenuti in questo nuovo tutorial !!!

Questa volta facciamo nuovamente qualcosa di diverso; prendendo spunto dall'idea di  un professore di matematica andremo a creare un vero e proprio gioco con App Inventor

Ovviamente il gioco sarà anche il pretesto per imparare meglio dei concetti base della programmazione , come le liste, gli indici, le variabili e le procedure.

Tutorial 43 - Invio di SMS da App Inventor con il componente Texting

Nel tutorial di oggi vedremo come è possibile inviare con facilità SMS nelle nostre app create con App Inventor.

Utilizzeremo principalmente due componenti:

1. Texting
2. PhoneNumberPicker

L'applicazione sarà volutamente molto semplice, un campo dove inserire il testo del nostro SMS e due pulsanti, uno per scegliere il destinatario del nostro messaggio e l'altro per l'invio dell'SMS.

Nuova versione App Inventor (v133 - 04-02-2013)

Finalmente è stata rilasciata un ulteriore nuova versione di MIT App Inventor,
siamo giunti alla versione v133 (potete controllare guardando in basso a destra nel design editor la voce è:  Built: February 4 2013 Version: v133)

Quello che interessa a noi ovviamente è andare a scoprire le novità introdotte, non perdiamo altro tempo e guardiamo il changelog completo:

Tutorial 36 - Template con SplashScreen e controllo tasto Back

Il tutorial di oggi riprende quello pubblicato quasi un anno fa in cui realizzammo un Template generico di un app con SplashScreen e contratto EULA per l'utente.

E' passato diverso tempo da allora e possiamo migliorare tale progetto implementando due nuove importanti ottimizzazioni:

1 - L'app sarà multiscreen, con l'utilizzo delle schermate multiple nativo di App Inventor
2 - L'app sarà in grado di "intercettare" la pressione del tasto back fisico del telefono in modo da visualizzare un messaggio di conferma prima dell'uscita dall'applicazione

Nuova versione App Inventor (v129 - 11-09-2012)

Dopo essere tornati tutti dalle vacanze, il team del MIT ci fa una bella sorpresa rilasciando una nuova versione di App Inventor,
per la precisione la nuova build è la :

Built: September 11 2012 Version: v129

Vediamone insieme tutte le novità:

• Supporto per il ridimensionamento ed il full screen nei video.
  E' ora possibile riscalare il componente "Video Player" da blocks editor, dalle versioni Android 2 e successive potete impostare il Video Player in full screen, il tasto back del telefono riporterà il componente alla sua dimensione originale
• Gli "Horizontal e Vertical Arrangements" possono ora allineare il loro contenuto!
  Anche lo Screen ha questa proprietà, si può scegliere di allineare a Sinistra, Destra, Centro, Alto o Basso il contenuto degli Arrangements.
  Questo settaggio non ha nessun effetto se il size dell'arrangement è impostato su "automatic", e l'impostazione di allineamento verticale non ha effetto se lo "screen" è impostato su "scrollable"
• Migliorie per "Canvas" e "Sprite". Creati nuovi eventi "Flung" , "TouchUp" e "TouchDown".
  Quando l'utente tocca uno sprite e fa uno "swipe" in una direzione, l'evento "Flung" viene generato con le informazioni sulla direzione e la velocità dello swipe stesso. Questo evento può essere utilizzato per determinare la direzione e la velocità a cui muovere lo Sprite. Anche il Canvas può creare un evento "Flung" così l'utente può leggere questo evento e programmare le azioni da fare di conseguenza
  In ultimo quando un utente poggia il dito su uno sprite l'evento "TouchDown" è generato, quando solleva il dito l'evento "TouchUp" è generato, questi nuovi eventi sono in più rispetto all'esistente "Touched" che rimane sempre valido.
• Aggiunte nuove impostazioni per la screen orientation
  User (lascia l'utente scegliere l'orientamento)
  Sensor (ruota automaticamente quando il telefono ruota)
• Bug fix vari

Se volete qui trovate le release note dal sito ufficiale (release notes in inglese)

Ora al solito i miei commenti:

1) Full screen nei video, potrebbe essere interessante ma reputo AI poco adatto alla gestione dei video e non ci ho mai lavorato tanto, ma magari a qualcuno può interessare

2) Allineamenti!!!!! Finalmente possiamo allineare i nostri button, textbox, label, etc... con molta facilità!

questa era una cosa che aspettavamo da tempo, per centrare il famoso pulsante in centro allo schermo non dovremmo più impazzire con delle finte label vuote ma usare direttamente queste nuove properties,

Guardate questo esempio per capire meglio, ho allineato due pulsanti orizontalmente in centro allo schermo, basta mettere un horizontal arrangement con dimensione "fill parent" e poi scegliere l'alignhorizontal "center" e il gioco è fatto!

sarà così finalmente possibile creare interfacce ancora più curate con semplicità! era ora!!! :)

3) Evento "Flung"

molto interessante, in pratica mi sembra di capire che possiamo ora realizzare qualcosa del tipo swipe a destra o sinistra, non ho ancora provato a vedere bene come funziona, mi spaventa un pò il fatto che funzioni solo sui Canvas e sugli Sprite, sarebbe bello averlo anche ad esempio negli "Arrangement" così nell'esempio dell'allineamento di qua sopra si potrebbero programmare le azioni per passare da una schermata all'altra usando lo swipe (oltre che eventualmente premendo i pulsanti)

Proverò a sperimentare un pò sperando di capire un pò meglio il tutto e di trovarne un applicazione pratica

Che dire, il team MIT sembra sempre al lavoro ed ogni mese circa abbiamo qualche piccola ma utile funzione in più!

E voi, che ne pensate? venite nel forum per dire la vostra! :)

Tutorial 29 - Applicazioni MultiScreen (nuovo metodo) MIT App Inventor

Rieccoci con un nuovo VideoTutorial, come accennato precedentemente, la prima novità offerta da quando App Inventor è passato nelle mani del MIT è quella di realizzare applicazioni "realmente" MultiScreen.

Troviamo infatti ora due nuovi pulsanti sulla barra del design editor, "Add Screen" e "Remove Screen" che ci permettono in pratica di creare delle vere e proprie "sottoapplicazioni" all'interno della nostra app principale.

Tutorial 28 - Usare il componente Notifier per interagire con l'utente

Vediamo in questo tutorial i possibili utilizzi di un componente molto interessante di App Inventor, il componente "Notifier"
Questo componente viene utilizzato principalmente per "dialogare" con l'utente in maniera interattiva facendo apparire dei messaggi di avviso o di notifica nella nostra app.