GUIA DE INSTALACION

FRAMEWORK PARA EL

DESARROLLO DE JUEGOS libGDX

(INTRODUCCION)

ING.IVAN PETRLIK AZABACHE

FRAMEWORK libGDXEs un framework multiplataforma desarrollado en java el cual permite hacer juegos para HTML5, Android, Windows, Linux y Mac. permitiendo realizar todo el trabajo en uno de los tres sistemas operativos para computadores y luego generar las versiones correspondientes a las otras plataformas cambiando pocas líneas de código.

Entre sus características mas importantes a parte del hecho de ser multiplataforma se encuentran:

Reproducción de música y efectos de sonido (WAV, MP3, y OGG) Abstracción para el mouse y el touchpad, el acelerómetro, el compás y el teclado;

además los gestos propios del los smartphones como zoom, paneo, etc.…. hay algo nuevo llamado GDX remote, lo cual permite manejar la aplicación que se

ejecuta en el computador (por ejemplo depurando) desde el smartphone, lo cual permite probar los gestos  cosas como el multitouch.

clases de matemáticas incluidas como matrices, vectores, quaterniones, figuras y volúmenes (para las colisiones), triangulación de polígonos, etc….

posee una portación de  Box2D (el motor de físicas con que fue hecho Angry birds, y el más poderoso de los que son en 2D).

el almacenamiento en todas las plataformas fue reducido a una sola clase, facilitando la portación del código.

posee un editor de interfaces, además de un escritor y lector de JSONEn cuanto a gráficos soporta tanto 2D como 3D, además de brindar acceso a OpenGL a muy bajo nivel, brindado clases como Vertex, Texturas, Poligonos; aparte de Cámaras ortográficas, sistema de partículas en 2D.

PASOS PARA LA INSTALACION DEL FRAMEWORK libGDX.

A continuación vamos a descargar a través de la siguiente dirección electrónica:

https://code.google.com/p/libgdx/downloads/list

Después que hemos descargado la librería, entonces tenemos que desempaquetar:

Cuando hemos dado clic a gdx-setup-ui , aparece la siguiente ventana :

Dar clic en el archivo gdx-setup-ui

Luego aparece esta ventana de configuración y generación de proyectos.

A continuación estamos actualizando el LibGDX

Seleccionar

Presionamos el siguiente icono que me permite la actualización del libGDX

En la ventana observamos el componente de actualización del LibGDX

Después que se ha terminado de descargar el componente de actualización, la opción Open the generation screen se ha habilitado.

La opción Open the generation screen se ha habilitado

En la sección de configuración tenemos que colocarle el nombre,package y Game Class.Además la ubicación de los proyectos y dejar seleccionado las siguientes alternativas : Generate the desktop Project ,Generate the HTML proyect ,Generate the IOS Project.

Aparece una ventana en la cual ubicamos la unidad c: / y dentro de esta tenemos que crear una carpeta que en este caso tiene de nombre JUEGOS, los proyectos que se van a generar tiene que ubicarse en la ruta: c:/JUEGOS.

Seleccionar el correspondiente icono para la respectiva ubicación del proyecto

En la unidad c: / se tiene que crear la carpeta JUEGOS y dentro de ella se tiene que ubicar los respectivos proyectos

Después que hemos ubicado el proyecto tenemos que presionar el botón Abrir

A continuación vamos a generar los respectivos proyectos, presionando la opción

Open the generation screen.

Presionar el respectivo botón

Presionar la respectiva opción

Después que hemos presionado el botón Open the generation screen, se tiene que presionar el botón Launch y se muestra un reporte de los proyectos que se han generado.

Aquí observamos los proyectos que se han generado en sus respectivas tecnologías.

Presionar el respectivo botón

La ubicación de los proyectos

Los respectivos proyectos generados

A continuación vamos a descargar el IDE Android Developer de la siguiente página:

http://developer.android.com/sdk/index.html

Después de presionar el icono Download the SDK ( ADT bundle for Windows), ahora aparece una ventana mostrándonos las condiciones de uso el tipo de ordenador (32 bits , 64 bits) y además la aceptación del contrato.

Después que hemos presionado la opción Download the SDK ADT Bundle for Windows , Empezara a realizarse la descarga correspondiente.

Cuando ya hemos descargado el respectivo archivo, ahora lo tenemos que desempaquetar de la siguiente manera:

Ahora esta carpeta de preferencia lo copiamos en la unidad c:/ y además dentro de la carpeta eclipse en el archivo eclipse.exe , se tiene que crear un acceso directo hacia el escritorio y además en el archivo SDK Manager se tiene que ejecutar para poder actualizar las versiones de Android.

En el Escritorio encontramos el respectivo Icono de acceso directo del Eclipse, le damos doble clic y aparecerá el siguiente cargado.

Aquí observamos la respectiva descarga del ADT

Cuando se ha terminado de cargar el Eclipse (Android Developer Tools) a continuación se tiene que realizar las siguientes configuraciones.

Después que hemos seleccionado el menú windows/preferences, ahora nos va a carga una ventana que me permite seleccionar la opción Android y además tenemos que buscar la ruta donde se encuentra el SDK de android .

Seleccionar el menú windows

Luego tenemos presionar el Icono Android Virtual Device Manager , donde aparecerá una ventana de la siguiente manera:

Después de presionar el icono Android Virtual Device Manager, aparece una respectiva ventana.

Seleccionar aqui

Después de presionar el botón New , aparece una ventana que me permite realizar lo siguiente :

Seleccionando la resolución de la pantalla

Colocando el respectivo nombre

Seleccionando el tipo de sistema operativo

Después que hemos terminado, en esta ultima ventana aparece el AVD que se ha creado.

Cuando ya hemos terminado de realizar todo esto, estamos en las condiciones necesarias para empezar a crear proyectos en android.

Ahora vamos a instalar un componente GWT de google en este IDE de la siguiente manera:

Después que hemos seleccionado el menú help / Install New Software, deben de aparecer una ventana en la cual se tiene que presionar el botón Add.

Después de haber presionado el botón Add, aparece una pequeña ventana en la cual tenemos que ingresar el respectivo nombre y la localización del servidor para realizar la respectiva descarga en línea del componente GWT.

A continuación se muestra los componentes a elegir para su respectiva instalación.

Después que hemos elegidos los componentes a instalar, tenemos que presionar el botón Next , para que nos muestre la siguiente pantalla y volver a presionar el botón Next

En esta pantalla nos muestra la respectiva licencia para su debida aceptación , presionar el botón Finish

Aquí estamos observando cómo está instalando el respectivo componente GWT en nuestro IDE de desarrollo.

Después de que termine de instalar el componentes GWT , el IDE se tiene que reiniciar para que actualice los componentes instalados.

El IDE se tiene que volver a iniciar para que podamos ver los componentes GWT que se ha instalado.

Cuando ya hemos terminado de instalar este ultimo componente GWT , ya estamos en las condiciones necesarias para empezar a probar los proyectos generados a través del LIBDTX.

Los proyectos que se han generado como habíamos visto anteriormente se encuentran en la siguiente ruta.

Este es el componente GWT de google instalado.

Ahora para poder importar los respectivos proyecto , nosotros vamos a empezar a realizar los siguientes pasos :

Después que hemos seleccionado el menú File/Import, aparece una ventana que a continuación vamos a observar.

Luego de elegir General / Existing Project into Workspace y además presionar el botón Next , se muestra una ventana de importación donde presionamos el botón Browse.

Después de presionar el botón Browse , aparece una ventana en la cual tenemos que buscar la ruta donde se encuentra los respectivos proyecto , en este caso se encuentra en la unidad c:/JUEGOS y dentro de ella existe los respectivos proyectos.

A continuación mostramos que los proyectos se han importado en el explorador de paquetes de nuestro IDE.

Observando uno de los proyectos está reportando un error, para poder arreglar este pequeño defecto, tenemos que ir al encabezado de este mismo y dar clic derecho en la cual aparece un menú contextual , donde tenemos que elegir la opción Build Path/Configure Build Path.

A continuación aparece una ventana en la cual tenemos que elegir los siguientes componentes.

Aquí observamos que el error ya desapareció.

Ahora empezamos a ejecutar cada uno de los respectivos proyectos, empezando con el proyecto de escritorio en Java( my-gdx-game-desktop )

Visualizando la respectiva aplicación de escritorio ( my-gdx-game-desktop )

Ejecutando el proyecto en Android ( my-gdx-game-android )

Aquí estamos visualizando el emulador que muestra la imagen de introducción

( my-gdx-game-android )

Para que el emulador se ponga Horizontalmente, tenemos que presionar la tecla F12.

( my-gdx-game-android )

Ejecutando el proyecto Web Html5.( my.gdx-game-html )

Después de ejecuta la aplicación web, aparece en la parte de abajo un enlace , que me permita el cargado de la respectiva pagina que se mostrara en la siguiente mas adelante.

Ahí justamente observamos la respectiva pagina que nos muestra la imagen de introducción del Framework.

El objetivo de esta guía es enseñar como instalar el Framework LibGDX, y además ejecutar los proyecto de Escritorio, Android , Html5 .