Corona SDK crea un'applicazione basata sull'accelerometro

Il Corona SDK è un framework multipiattaforma che consente agli sviluppatori di creare applicazioni sia per iPhone che per Android utilizzando il linguaggio di programmazione Lua. In questo tutorial, scopriremo le funzionalità del Corona SDK per interagire con l'accelerometro del dispositivo. Creeremo una semplice app che risponde agli eventi dell'accelerometro.


Tutorial correlati di Corona SDK:

  • Introduzione a Corona SDK: facile sviluppo multipiattaforma
  • Corona SDK: creazione di un'app di orologio analogico
  • Corona SDK: crea un'applicazione basata sull'accelerometro

Panoramica sull'applicazione dell'accelerometro

Utilizzando le API di Corona, creeremo un'applicazione di base che registra il movimento del dispositivo in base al valore dell'accelerometro, spostando un oggetto sullo schermo.


Seleziona il dispositivo di destinazione

La prima cosa che devi fare è selezionare la piattaforma su cui vuoi eseguire la tua app, in questo modo sarai in grado di scegliere la dimensione per le immagini che userai.

La piattaforma iOS ha queste caratteristiche:

  • iPad: 1024x768px, 132 ppi
  • iPhone / iPod Touch: 320x480px, 163 ppi
  • iPhone 4: 960x640px, 326 ppi

Perché Android è una piattaforma aperta, ci sono molti diversi dispositivi e risoluzioni. Alcune delle caratteristiche dello schermo più comuni sono:

  • Nexus One: 480x800px, 254 ppi
  • Droid: 854x480px, 265 ppi
  • HTC Legend: 320x480px, 180 ppi

In questo tutorial ci concentreremo sulla piattaforma iOS, in particolare lo sviluppo per la distribuzione su un iPhone / iPod touch.


Interfaccia

Questa è l'interfaccia grafica che useremo, include un grafico a triangolo che fungerà da indicatore di posizione.


Esportazione di PNG

A seconda del dispositivo selezionato, sarà necessario esportare la grafica nel PPI consigliato, è possibile farlo nel proprio editor di immagini preferito.

Ho usato il Regola dimensioni ... funzione nell'app Anteprima in Mac OS X.

Ricordarsi di assegnare alle immagini un nome descrittivo e di salvarle nella cartella del progetto.


Codice!

È tempo di scrivere la nostra applicazione!

Apri il tuo editor Lua preferito (qualsiasi editor di testo funzionerà, ma potresti non avere l'evidenziazione della sintassi) e preparati a scrivere la tua fantastica app.


Nascondi barra di stato

Per prima cosa nascondiamo la barra di stato, questa è la barra in cima allo schermo che mostra l'ora, il segnale e altri indicatori.

 display.setStatusBar (display.HiddenStatusBar)

sfondo

Ora aggiungiamo lo sfondo dell'app.

 background locale = display.newImage ("background.png")

Questa linea crea la variabile locale sfondo e usa il display API per aggiungere l'immagine specificata allo stage. Per impostazione predefinita, l'immagine viene aggiunta a 0,0 usando l'angolo in alto a sinistra come punto di riferimento.


Indicatore

Ripetiamo il processo con l'immagine dell'indicatore di posizione, posizionandola al centro del palco.

 indicatore locale = display.newImage ("indicator.png"): setReferencePoint (display.CenterReferencePoint) indicator.x = display.contentWidth * 0.5 indicator.y = display.contentWidth * 0.5 + 100

Variabili richieste

Le successive variabili saranno utilizzate per gestire l'evento dell'accelerometro.

  • acc: Una tabella che verrà utilizzata come listener di funzioni per l'evento accelerometro.
  • centerX: Memorizza il valore centrale orizzontale dello stage.
 acc =  local centerX = display.contentWidth * 0.5

Funzione accelerometro

Questa funzione utilizza il acc tabella per creare un listener per l'evento accelerometro, il xGravity proprietà (parte dell'evento dell'accelerometro) e la variabile centroX sposta l'indicatore di posizione in base alla posizione calcolata.

 funzione acc: accelerometro (e) indicator.x = centerX + (centerX * e.xGravity) fine

Ciò renderà il nostro indicatore in equilibrio quando cambia l 'inclinazione del dispositivo, il xGravity proprietà gestirà i movimenti laterali, è possibile utilizzare il yGravity proprietà per gestire i tipi di inclinazione verso l'alto / verso il basso.


Ascoltatore accelerometro

Gli eventi Accelerometer sono basati sul runtime, quindi utilizziamo la parola chiave Runtime per aggiungere il listener.

 Runtime: addEventListener ("accelerometro", acc)

Icona

Se tutto funziona come previsto, siamo quasi pronti a creare la nostra app per il test dei dispositivi. Ancora una cosa: la nostra icona dell'applicazione.

Utilizzando la grafica creata prima di poter creare un'icona bella e di bell'aspetto, la dimensione dell'icona per le icone di iPhone è 57x57px, ma lo store di iTunes utilizza un 512x512px quindi è meglio creare l'icona in questa dimensione.

Non è necessario avere gli angoli arrotondati o il bagliore trasparente, iTunes e l'iPhone lo faranno per te.


Conclusione

Con questo tutorial hai imparato come utilizzare gli eventi Accelerometer per manipolare gli elementi nello stage, ci sono molti modi per applicare questo codice, con il movimento di base dei personaggi in un gioco una delle opzioni più importanti.

Grazie per aver letto questo tutorial, spero che tu l'abbia trovato utile. Divertiti a sperimentare con l'accelerometro del dispositivo!