In questo tutorial imparerai le basi del linguaggio di programmazione Lua e ti aiuterò a iniziare a scrivere applicazioni per iOS e Android. Eccitato? Immergiti subito.
In questo tutorial, daremo un'occhiata all'SDK Corona e al linguaggio di programmazione Lua. Anche se Lua non è difficile da raccogliere, è consigliabile avere una certa esperienza con altri linguaggi, come JavaScript, PHP, Java o Ruby. Tratteremo le basi del Corona SDK e Lua per familiarizzare con lo sviluppo della piattaforma Corona. Vedrai che ci vuole pochissimo sforzo e codice per essere attivo e funzionante. Sono pronto quando lo sei.
In passato, gli sviluppatori di dispositivi mobili dovevano affrontare una difficile situazione. Dovrebbero sviluppare applicazioni per iOS o Android? La maggior parte degli sviluppatori iOS utilizza Objective-C, mentre gli sviluppatori Android usano Java. Fortunatamente, abbiamo il Corona SDK e il linguaggio di programmazione Lua, che consente lo sviluppo mobile multipiattaforma. In parole povere, significa che puoi sviluppare un'applicazione una volta e costruirla per iOS, Android, Kindle e Nook.
Il linguaggio di programmazione che usiamo quando si sviluppa con il Corona SDK è Lua, che è Luna in portoghese. Uno dei principali vantaggi di Lua, specialmente in combinazione con il Corona SDK, è che Lua è multipiattaforma poiché la lingua è scritta in C. Lua non è difficile da apprendere come scoprirai in questo tutorial. Lua è stata creata nel 1993 da un piccolo gruppo di persone presso la Pontificia Università Cattolica di Rio de Janeiro, in Brasile. Lua è un software open source in modo da poterlo usare liberamente nei tuoi progetti. È distribuito con la licenza MIT.
Il Corona SDK è sviluppato e gestito da Corona Labs ed è una piattaforma commerciale. Ci sono diversi piani tariffari tra cui scegliere. C'è un piano di avviamento gratuito e piani a pagamento a partire da $ 19 al mese.
Per questo tutorial, tuttavia, useremo il piano di partenza. Anche se puoi sviluppare applicazioni Corona su più piattaforme, in questo tutorial ti mostrerò come creare applicazioni usando Windows e costruiremo per la piattaforma Android.
Sei pronto per iniziare con lo sviluppo mobile multipiattaforma? Visita il portale per sviluppatori di Corona SDK, crea un account e scarica il Corona SDK. Come ho detto, in questo tutorial userò Windows, ma puoi anche seguirlo su OS X. Dopo l'installazione di Corona SDK, aprire il Inizio menu e navigare fino a Corona SDK> Corona Simulator. Dovresti vedere due finestre come mostrato sotto.
Ora che abbiamo installato il Corona Simulator, abbiamo bisogno di un editor di testo per scrivere e modificare Lua. Raccomando Sublime Text 2, che è un download gratuito. È un editor di testo eccezionale e popolare che supporta l'evidenziazione della sintassi e un carico di altre utili funzioni. Ciò è particolarmente utile se stai scrivendo applicazioni grandi e complesse. Supporta Lua insieme ad altri 43 linguaggi di programmazione. Ti ho detto Testo sublime se disponibile su Windows, OS X e Linux? Non puoi sbagliare con Sublime Text 2.
Torna al Corona Simulator, colpisci Nuovo progetto, e scegli una directory in cui archiviare i file del tuo progetto. Seleziona vuoto come modello del progetto, Preselezione del telefono per Dimensioni dello schermo verticale, e verticale come il Orientamento predefinito. Clic ok per finalizzare la configurazione del progetto e navigare nella directory in cui è stato creato il nuovo progetto. Dovresti trovare tre file, build.settings, config.lua, e main.lua. L'unico file che dovremo modificare è Main.lua. Apri questo file con il tuo editor preferito e sostituisci il contenuto del file con lo snippet di codice seguente.
stampare ("Hello World!");
Salvare le modifiche premendo Ctrl + S
e aprire la finestra di Corona Simulator. Apetta un minuto. Non è successo niente. Questo è perfettamente normale. Dobbiamo controllare l'altra finestra che assomiglia al prompt dei comandi. Dovrebbe essere visualizzato Ciao mondo! come mostrato di seguito.
Il motivo per cui il testo è stato visualizzato solo nel Terminale Corona e non nel Corona Simulator è perché stampare
il comando è usato solo per il linguaggio di programmazione Lua. Non può essere utilizzato per visualizzare le parole sullo schermo di Corona Simulator o un dispositivo fisico. Tuttavia, questo di base stampare
il comando sarà ancora utile quando svilupperemo un'applicazione, specialmente per scopi di debug.
Ne creeremo un altro Ciao mondo! applicazione. Tuttavia, questa volta, faremo visualizzare le parole nel simulatore Corona stesso. Elimina il contenuto di main.lua e sostituirlo con lo snippet di codice mostrato di seguito.
display.newText ("Hello World!", 0, 0, native.systemFont, 16);
Potresti aver notato che questo frammento di codice era un po 'più lungo del precedente. Vediamo cosa fa questo pezzo di codice per noi.
display
è l'oggetto con cui stiamo parlando.newText
è la funzione che usiamo per visualizzare il testo sullo schermo."Ciao mondo!"
è il testo che vogliamo mostrare.0, 0
sono i X
e y
coordinate rispettivamente.native.systemFont
è il font che usiamo per il testo e 16
è la dimensione del carattere.Se salvi le modifiche e riavvii il simulatore Corona, dovresti vedere quanto segue.
Cosa succede se si desidera memorizzare un numero come variabile per un uso successivo? Il seguente frammento di codice mostra come vengono dichiarate le variabili in Lua.
num1 locale = 3 + 3;
Locale
è la parola chiave per dichiarare una variabile.num1
è il nome della variabile.Se combiniamo questo con lo snippet di codice precedente, otteniamo quanto segue.
num1 locale = 3 + 3; display.newText (num1, 0, 0, native.systemFont, 32);
Il simulatore Corona dovrebbe ora visualizzare il numero 6
, che è il risultato dell'aggiunta 3
e 3
. Proviamo un altro esempio usando la matematica. Utilizzando il seguente frammento di codice, il simulatore Corona dovrebbe visualizzare il numero 18
.
num1 locale = 3 + 3; display.newText (num1 * 3, 0, 0, native.systemFont, 32);
Come puoi vedere, è perfettamente possibile eseguire operazioni matematiche su una variabile. Nello snippet di codice precedente, abbiamo moltiplicato num1
di 3
utilizzando * 3
. Sono sicuro che hai già capito che l'asterisco è l'operatore di moltiplicazione di Lua.
+
per aggiunta-
per sottrazione e numeri negativi*
per la moltiplicazione/
per divisioneAnche visualizzare le immagini non è difficile. Per visualizzare un'immagine, è necessario aggiungere l'immagine alla directory in cui main.lua si siede. Va bene creare una sottodirectory per mantenere separate e organizzate le risorse del progetto. Facciamolo ora. Crea una nuova directory nella cartella del tuo progetto e nominala immagini. Utilizzare il immagini directory per memorizzare le immagini del tuo progetto. L'immagine che mi piacerebbe usare per questo tutorial è logo1.png e l'ho messo nel immagini directory che abbiamo creato un momento fa.
Come puoi vedere nel seguente frammento di codice, la visualizzazione di un'immagine è quasi facile come la visualizzazione del testo. Oserei dire che è ancora più semplice in quanto non è necessario specificare un carattere.
local photo1 = display.newImage ("images / logo1.png", 0, 0);
Se guardi da vicino lo screenshot precedente, noterai che nella parte superiore dello schermo c'è una barra di stato che mostra il portatore, la durata della batteria, ecc. Hai mai notato che a volte, quando apri un'applicazione, i giochi in particolare, la barra di stato scompare automaticamente? Nascondere la barra di stato è semplice come aggiungere una riga di codice a main.lua. È così semplice. Aggiorna il tuo progetto e dai un'occhiata al risultato del Corona Simulator.
display.setStatusBar (display.HiddenStatusBar);
È utile sapere che la barra di stato può avere stili diversi. I nomi degli stili parlano da soli. Per molte applicazioni, in particolare giochi, utilizzando HiddenStatusBar
è più adatto.
display.setStatusBar (display.DefaultStatusBar);
display.setStatusBar (display.DarkStatusBar);
display.setStatusBar (display.TranslucentStatusBar);
Andiamo avanti con le forme. La prima forma che mostreremo è un rettangolo. Vediamo cosa serve per visualizzare un rettangolo sullo schermo.
local rect1 = display.newRect (10, 20, 150, 50);
locale rect1
dichiara una variabile per il rettangolo.display.newRect
crea la forma del rettangolo.(10, 20, 150, 50)
definire le coordinate xey rispettivamente la larghezza e l'altezza, rispettivamente.Aggiungiamo un po 'di colore al rettangolo.
rect1: setFillColor (51, 255, 0);
Hmmm. Cosa significa questo?
rect1
è la variabile che abbiamo dichiarato in precedenza.SetFillColor
è il metodo che usiamo per riempire il rettangolo con un colore.(51, 255, 0)
specificare il rosso (51
), verde (255
) e blu (0
) valore del colore che usiamo.Espandiamo questo esempio con un bordo o un tratto come mostrato nel seguente frammento di codice.
rect1.strokeWidth = 8; rect1: setStrokeColor (80, 200, 130);
rect1.strokeWidth = 8
imposta il strokeWidth
proprietà del rettangolo a 8
.rect1.setStrokeColor (80, 200, 130)
imposta il strokeColor
proprietà del rettangolo al colore specificato dai valori 80
, 200
, e 130
come abbiamo visto prima.I commenti possono sembrare banali e persino obsoleti, ma sono importanti e lo sono ancor di più quando lavori in una squadra. I commenti sono molto utili per documentare il codice e questo vale sia per te che per i tuoi colleghi. Migliora la leggibilità del codice per gli altri membri della tua squadra. A Lua, i commenti sono facili da usare. Dai un'occhiata al seguente esempio.
--questo è un commento
I commenti non hanno alcun effetto sulla tua applicazione in termini di come funziona. Sono lì solo per lo sviluppatore. Lo snippet di codice seguente sarà non stampare Ciao mondo! al terminale.
--stampare ("Hello World!")
Puoi anche scrivere commenti che si estendono su più righe, il che è utile se devi spiegare come funziona una parte di codice particolarmente complessa o se vuoi scrivere un'introduzione a un'applicazione o un progetto.
--[[Questo è un commento su più righe. ]]
In questo tutorial, hai imparato le basi di Lua e del Corona SDK. Abbiamo installato e configurato il Corona SDK, scaricato e utilizzato un editor di testo per la modifica di Lua, scritto diverse applicazioni e le abbiamo eseguite nel Corona Simulator. Abbiamo anche imparato come utilizzare le variabili per memorizzare parti di dati, visualizzare le immagini sullo schermo, configurare la barra di stato e disegnare forme sullo schermo. E, last but not least, abbiamo visto come usare i commenti e perché dovresti usare commenti nel tuo codice. Spero che questo tutorial ti sia stato d'aiuto. Restate sintonizzati per di più.
Se desideri ulteriori informazioni su Corona SDK, ti consiglio di visitare il sito Web degli sviluppatori di Corona Labs. È pieno di risorse e guide per iniziare. È inoltre possibile esplorare le applicazioni di esempio incluse in Corona SDK che è stato scaricato e installato in precedenza.
Il linguaggio di programmazione Lua ha anche il suo sito web. Contiene tutto ciò che è necessario sapere sulla lingua, inclusa una guida introduttiva e un manuale molto dettagliato. Assicurati di visitare il sito web Lua se decidi di continuare con lo sviluppo di Corona.