Share
En este tutorial, descubriremos las capacidades del Corona SDK y utilizaremos el lenguaje de programación Lua para aprender más sobre cómo desarrollar una aplicación multiplataforma simple..
Usando las API de Corona, crearemos un reloj analógico básico. Los gráficos se exportarán a PNG desde el editor de imágenes de su elección y luego serán impulsados por Lua. También aprenderá cómo probar su aplicación usando el simulador y construir su aplicación para probar dispositivos.
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:
Para Android es un poco diferente, al ser una plataforma abierta, puede encontrar muchas resoluciones de pantalla diferentes:
En este tutorial usaremos la plataforma iPhone / iPodTouch..
Esta es la interfaz gráfica que usaremos. Si sigue la red de Tuts +, puede observar que estos son los gráficos de mi tutorial Crear un protector de pantalla de reloj analógico con Screentime para Flash. Si lo desea, puede seguir ese tutorial para crear los gráficos o simplemente descargar el archivo de proyecto de esta publicación..
Dependiendo del dispositivo que haya seleccionado, deberá exportar los gráficos en el PPI recomendado. Puedes hacerlo en tu 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.
Es hora de escribir nuestra aplicación!
Abra su editor de Lua preferido (cualquier editor de texto funcionará, pero no tendrá resaltado de sintaxis). Ahora, prepárate para escribir tu primera aplicación impresionante!
Lo primero que haremos es agregar el fondo del reloj:
Accentsconagua
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..
Repetimos el proceso con las manecillas del reloj y las imágenes del centro del reloj, colocándolas en el centro del escenario:
local hourHand = display.newImage ("hourHand.png", 152, 185) local minuteHand = display.newImage ("minuteHand.png", 152, 158) local center = display.newImage ("center.png", 150, 230 ) local secondHand = display.newImage ("secondHand.png", 160, 155) Para colocar las imágenes correctamente, modificamos el punto de referencia para mover las imágenes con respecto al centro inferior:
hourHand: setReferencePoint (display.BottomCenterReferencePoint) minuteHand: setReferencePoint (display.BottomCenterReferencePoint) secondHand: setReferencePoint (display.BottomCenterReferencePoint)
Aquí ponemos la posición inicial de las manecillas del reloj. Espera, ¿no hicimos eso ya? Sí, pero esta vez configuramos la rotación de acuerdo con la hora del sistema:
local timeTable = os.date ("* t") - Devuelve una tabla que contiene la hora, los minutos y los segundos en el momento de la llamada - Configure la rotación de acuerdo con los valores de timeTable hourHand.rotation = timeTable.hour * 30 + (timeTable .min * 0.5) --Las horas están separadas por 30 grados, más 0.5 grados por minuto minuteHand.rotation = timeTable.min * 6 --6 grados separa los minutos y segundos secondHand.rotation = timeTable.sec * 6 los calendario La variable se utilizará solo una vez en el inicio de la aplicación, por lo que no es necesario mantenerla en la memoria. Para liberar la memoria utilizada por la variable (que es casi nada, pero DEBE acostumbrarse a desasignar objetos u vars no utilizados), establecemos su valor en nulo, De esta manera la recogida de basura se encarga de ello:
timeTable = nil
Las siguientes líneas de código manejan la rotación de las manecillas del reloj, es el mismo código que antes, solo que esta vez envuelto en una función que será ejecutada cada segundo por un Minutero:
función local moveHands (e) local timeTable = os.date ("* t") - obtener el tiempo nuevamente, cada segundo hourHand.rotation = timeTable.hour * 30 + (timeTable.min * 0.5) minuteHand.rotation = timeTable.min * 6 secondHand.rotation = timeTable.sec * 6 end - la variable local se destruye aquí los Minutero, se ejecuta cada segundo y realiza la función especificada, esta es la mover las manos Función que creamos en el último paso. Las veces que se ejecuta se establecen mediante el tercer parámetro, 0 es infinito.
timer.performWithDelay (1000, moveHands, 0)
Eso terminará nuestra aplicación! Guarde el archivo como Main.lua en la carpeta de su proyecto y ejecute el simulador de corona. Aparecerá un diálogo abierto. Seleccione la carpeta de su proyecto y (con suerte) vea su aplicación funcionando!
Si todo funciona como se espera, estamos casi listos para desarrollar la aplicación para la prueba de dispositivos. Solo se necesita una cosa más: el ícono de nuestra aplicación..
Puedes crear un ícono bonito y atractivo con los gráficos que creaste anteriormente. El tamaño de los íconos para los íconos del iPhone es de 57x57px, pero la tienda de iTunes usa una imagen de 512x512px, por lo que es mejor crear su ícono en este tamaño y luego escalar para el ícono.
No es necesario que tenga las esquinas redondeadas o el reflejo transparente: iTunes y el iPhone lo harán automáticamente..
Una vez que haya terminado con su icono, colóquelo en la carpeta de su proyecto y prepárese para la compilación.
Necesitará una cuenta de desarrollador para crear una aplicación para el iPhone. Deberá seguir las instrucciones del Programa de desarrollo de Apple para obtener uno y luego instalar un certificado de desarrollador..
Cuando haya terminado, abra el simulador de Corona de nuevo, pero esta vez use el Abierto para construir opción en el Expediente menú.
Se le pedirá que seleccione su proyecto y la plataforma para construir la aplicación para.
Después de eso, aparecerá una nueva ventana donde puede asignar un nombre a su aplicación, seleccionar el número de versión y seleccionar la identidad del desarrollador..
presione el construir botón cuando haya terminado y prepárese para probar en su dispositivo!
Felicitaciones por tu primera aplicación de iPhone con el Corona SDK!
Puede ver lo fácil que es usar el API de Corona y el lenguaje de programación Lua. Trate de crear sus propias aplicaciones y espere más tutoriales básicos a avanzados!
Gracias por leer este tutorial. Esperemos que te haya resultado útil.!
