Corona SDK crea una aplicación dirigida por acelerómetro

El Corona SDK es un marco multiplataforma que permite a los desarrolladores crear aplicaciones para iPhone y Android utilizando el lenguaje de programación Lua. En este tutorial, descubriremos las capacidades del Corona SDK para interactuar con el dispositivo Acelerómetro. Crearemos una aplicación sencilla que responda a eventos acelerómetros..


Tutoriales relacionados con Corona SDK:

  • Introducción a Corona SDK: Fácil desarrollo multiplataforma
  • Corona SDK: Creando una aplicación de reloj analógico
  • Corona SDK: crea una aplicación dirigida por acelerómetro

Visión general de la aplicación del acelerómetro

Usando las API de Corona, crearemos una aplicación básica que registra el movimiento del dispositivo según el valor del acelerómetro, moviendo un objeto en la pantalla..


Seleccionar dispositivo de destino

Lo primero que debes hacer es seleccionar la plataforma en la que deseas ejecutar tu aplicación, de esta manera podrás elegir el tamaño de las imágenes que usarás.

La plataforma iOS tiene estas características:

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

Debido a que Android es una plataforma abierta, hay muchos dispositivos y resoluciones diferentes. Algunas de las características de pantalla más comunes son:

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

En este tutorial nos centraremos en la plataforma iOS, específicamente desarrollando para su distribución a un iPhone / iPod touch.


Interfaz

Esta es la interfaz gráfica que usaremos, incluye un gráfico de triángulo que servirá como el medidor de posición..


Exportando PNG's

Dependiendo del dispositivo que haya seleccionado, deberá exportar los gráficos en el PPI recomendado, puede hacerlo en su editor de imágenes favorito.

Usé el Ajustar el tamaño ... Funciona en la aplicación Preview en Mac OS X.

Recuerde dar a las imágenes un nombre descriptivo y guardarlas en la carpeta de su proyecto.


Código!

Es hora de escribir nuestra aplicación!

Abra su editor de Lua preferido (cualquier editor de texto funcionará, pero es posible que no tenga resaltado de sintaxis) y prepárese para escribir su increíble aplicación.


Ocultar barra de estado

Primero, escondemos la barra de estado, esta es la barra en la parte superior de la pantalla que muestra la hora, la señal y otros indicadores.

 display.setStatusBar (display.HiddenStatusBar)

Fondo

Ahora añadimos el fondo de la aplicación..

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

Esta línea crea la variable local. fondo y usa el monitor API para agregar la imagen especificada al escenario. Por defecto, la imagen se agrega a 0,0 usando la esquina superior izquierda como punto de referencia.


Indicador

Repetimos el proceso con la imagen indicadora de posición, colocándola en el centro del escenario..

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

Variables necesarias

Las siguientes variables serán utilizadas para manejar el evento acelerómetro..

  • acc: Una tabla que se utilizará como escucha de la función para el evento del acelerómetro.
  • centroX: Almacena el valor central horizontal del escenario..
 local acc =  local centerX = display.contentWidth * 0.5

Función del acelerómetro

Esta función utiliza la acc tabla para crear un oyente para el evento acelerómetro, el Gravedad propiedad (parte del evento del acelerómetro) y la variable centerX mueve el indicador de posición de acuerdo con la posición calculada.

 función acc: acelerómetro (e) indicador.x = centroX + (centroX * e.xGravity) final

Esto hará que nuestro indicador se equilibre cuando cambie la inclinación del dispositivo, el Gravedad la propiedad se encargará de los movimientos laterales, puede utilizar el Gravedad Propiedad para manejar tipos de inclinación arriba / abajo..


Escucha del acelerómetro

Los eventos del Acelerómetro se basan en el tiempo de ejecución, por lo que usamos la palabra clave Runtime para agregar la escucha.

 Tiempo de ejecución: addEventListener ("acelerómetro", acc)

Icono

Si todo funciona como se espera, estamos casi listos para construir nuestra aplicación para la prueba de dispositivos. Solo una cosa más: nuestro ícono de aplicación..

Al usar los gráficos que creaste antes de que puedas crear un ícono bonito y atractivo, el tamaño del ícono para los íconos del iPhone es de 57x57px, pero la tienda de iTunes usa 512x512px, por lo que es mejor crear tu ícono en este tamaño.

No es necesario que tenga las esquinas redondeadas o el brillo transparente, iTunes y el iPhone lo harán por usted..


Conclusión

Con este tutorial, aprenderá a usar los eventos del Acelerómetro para manipular elementos en el escenario, hay muchas maneras de aplicar este código, con el movimiento básico de los personajes en un juego una de las opciones más destacadas..

Gracias por leer este tutorial, espero que lo hayas encontrado útil. Diviértete experimentando con el acelerómetro del dispositivo.!