[Corona SDK] Agregar Imágenes a la pantalla del juego

0

Corona SDK es una plataforma para crear juegos que se pueden ejecutar en diferentes plataformas como  pueden ser Android y Windows, tambien en plataformas Apple pero hay que pagar una licencia.

Hace 2 a~os les había dado una introducción a corona sdk, pero ahora retomaremos y hablaremos mas sobre corona sdk.

Corona SDK es una plataforma para crear Juegos muy completa y poderosa, utiliza el lenguaje de programación LUA, el funcionamiento de los juegos o aplicaciones que desarrollemos en corona sdk las podremos ver en tiempo real mediante un simulador de corona sdk.

Sin embargo la compilación de los juegos en APK, Windows o Iphone, es en la nube por lo que es necesario tener conexión a internet para que se generen los binarios o ejecutables.

Descargar Corona SDK

Para descargar corona sdk deben ir a la pagina de Corona Labs y descargar el paquete Corona SDK para Windows.

Link: https://coronalabs.com/

Para descargar deben registrarse, iniciar sesión, dirigirse al área de descargas y descargar el corona sdk.

Una vez descargado procedemos a hacer la instalación clasica en Windows, Siguiente, Siguiente, Finalizar.

Ejecutar Corona SDK

Una vez instalado Corona SDK lo ejecutamos y veremos algo similar a esto:

Aqui podemos ver la pantalla principal de Corona SDK y en la parte de atras, la ventana blanca es una consola que muestra salida de datos de informacion y errores.

Empezando el Proyecto

Vamos a crear un Proyecto nuevo y nos encontraremos con varias opciones para crear proyectos, usaremos la opcion Proyecto en Blanco, en la opcion de medidas lo dejamos como esta “Telefono” y en la orientación seleccionamos “Sideways” para que el telefono este acostado.

Y listo la ventana se pondra en negro y ahora sera nuestro simulador. Por otro lado se creara una carpeta con el nombre de nuestro proyecto y en esta carpeta se encuentran todos los recursos de nuestro juego, como son imagenes, audios, scripts, etc.

Poner atencion especial a los archivos .lua ya que son los scripts del juego y en especial al archivo “main.lua” ya que este es el primer archivo en ejecutarse y sera el archivo que modificaremos en este articulo.

Al ser un proyecto en blanco, el archivo main.lua esta en blanco y por ello el simulador se muestra una pantalla en negro, ahora empezaremos a escribir codigo en lua.

Antes descargare un par de imagenes, una imagen para usar como fondo y otra para usar como si fuera un personaje.

  • Imagen de fondo: 480×320
  • Personaje: 256×256

En el archivo main.lua agregamos el siguiente codigo:

local backg = display.newImageRect( "backg.png", 480, 320 )
backg.x = 240
backg.y=160

local mush = display.newImageRect( "mush.png", 48, 48 )
mush.x = 240-24
mush.y=160-24
mush.rotation=30

Tenemos la funcion display.newImageRect que recibe 3 parametros, el nombre de la imagen que debe estar en la carpeta del proyecto, el width (ancho) y el height (alto) y listo.

Esto nos devuelve un objeto con varios atributos entre los que destacan: x, y y rotation.

Donde x y y, son cordenadas y rotation es un angulo de rotación.

Como dato curioso al agregar una imagen, las posiciones (0,0) a puntan al centro de la imagen, por lo que hay que cambiar la posición X,Y para centrar la imagen.

Como podemos ver LUA es un lenguaje de programación orientado a objetos, lo que nos beneficiara mucho cuando nos adentremos mas en el desarrollo.

El resultado de este código es:

Y por ahora eso seria todo.

Solo para generar el archivo binario, vamos a la opcion File > Build y ahi seleccionamos Android o Windows.

Si este artículos les gusto les invito a que lo compartan y se suscriban al blog para seguir recibiendo notificaciones de artículos nuevos.

También me pueden apoyar enviando donaciones al link http://paypal.me/evilnapsis y ahi colocan la cantidad que ustedes deseen.

LEAVE A REPLY

Time limit is exhausted. Please reload CAPTCHA.