martes, 18 de diciembre de 2012

Tutorial Boton Sprite AndEngine GLES 2.0

Aquí os traigo un tutorial muy sencillo, que explica como crear un botón en AndEngine GLES 2.0.
Hay varias maneras de hacerlo, como lo defino en este tutorial o creando un menú. El tema de crear menús lo tratare en el siguiente tutorial.
Empezamos creando nuestro proyecto AndEngine y metiendo un sprite en la carpeta assets como se explica en un tutorial anterior.
Luego en nuestra clase que extiende a SimpleBaseGameActivity definimos las variables que vamos a utilizar:
private static final int CAMERA_WIDTH = 800;
private static final int CAMERA_HEIGHT = 480;
private BitmapTextureAtlas mBitmapTextureAtlas;
private ITextureRegion mBotonTextureRegion;
private ButtonSprite boton;
Las dos primeras son el ancho y el alto de la camara.
Las dos siguientes se utilizan para definir nuestro mapa de texturas y cargar nuestro archivo de imagen en una posición dentro de él.
Y la ultima define nuestro botón.

sábado, 1 de diciembre de 2012

Tutorial TMX Tiled Map AngEngine GLES 2.0

Lo primero que tenemos que hacer es importar la librería de AndEngine GLES 2.0 AndEngineTMXTiledMapExtension que se importa igual que nuestra librería de AndEngine pero cambiando el enlace. Este es el enlace que debéis poner: https://github.com/nicolasgramlich/AndEngineTMXTiledMapExtension.git
Pinchar aquí para ir al tutorial Instalar AndEngine.
Una vez que la tenemos importada creamos nuestro proyecto AndEngine. Ahora cliqueamos con el botón secundario encima de nuestro proyecto y vamos a propierties. Ahora nos vamos a Android y en la parte de abajo donde sale Library pulsamos add. Seleccionamos AndEngineTMXTiledMapExtension y ya tenemos en nuestro proyecto enlazada la librería.
Ahora vamos a crear nuestro Tiled Map. Yo utilizo el programa Tiled Map Editor que lo podeís descargar de http://www.mapeditor.org/ y es totalmente gratuito.
Tras instalarlo, abrimos el programa y nos vamos a editar-->preferencias. Y nos aseguramos que las capas de patrones se guardan como Base64(con compresión gzip).

jueves, 29 de noviembre de 2012

Formatear código Eclipse

Si tenemos código ya escrito y queremos ordenar las tabulaciones para facilitar la lectura, lo que tenemos que hacer es formatearlo. En Eclipse es muy sencillo, tenemos que hacer click en el botón secundario, ir a source y dentro de source darle a format. O bien pulsamos Ctrl+Shift+F y ya esta.
Y Así sera mas fácil el mantenimiento de nuestro código.
Un saludo.

Aplicaciones Android recomendadas: AIDE

En esta entrado os quiero recomendar la aplicación AIDE-Android Java IDE.
Esta aplicación sirve para crear aplicaciones directamente desde nuestro dispositivo Android. Esta especialmente pensada para tablets y es muy completa, ya que nos permite crear aplicaciones y probarlas en nuestro dispositivo directamente. Existe una versión de pago que cuesta 9.99€ cuya principal característica es que permite crear mas de cinco clases java.
Si queréis descargarla pinchar aquí.
Un saludo.

jueves, 22 de noviembre de 2012

Tutorial Vertical AutoParallax Background AndEngine GLES 2.0

Se realiza muy parecido al tutorial anterior. El problema es que Andengine solo tiene para AutoParallax horizontal, pero he creado dos clases nuevas que pegándolas en nuestro proyecto  AndEngine, que tenemos como librería nos permitirá hacerlo. Las clases las descargáis de mi pagina en GitHub y las pegáis en AndEngine/src/org.andengine.entity.scene.background. En vuestro proyecto cambiar AutoParallaxBackground  por VerticalAutoParallaxBackground y ya se moverá verticalmente.
Aquí os pego el código del ejemplo anterior modificado para que se mueva verticalmente.

Tutorial AutoParallax Background AndEngine GLES 2.0

En este tutorial vamos a crear un fondo que se desplaza horizontalmente generando una sensación de movimiento del fondo.
1.Creamos un proyecto para andengine GLES 2.0. Este tutorial lo explica.
2.En la carpeta assets/gfx introducimos nuestra imagen o imagenes de fondo, ya que se puede hacer composición de imagenes para nuestro fondo, con distintas velocidades de movimiento. Este ejemplo solo tiene una.

Esta es la imagen que vamos a utilizar 800x480.

martes, 20 de noviembre de 2012

Tutorial Sprite Animado AndEngine GLES 2.0

Empezamos creando un archivo .png que contenga el numero de imágenes para generar la animación.
Aquí teneís la imagen que voy a utilizar para el tutorial, que es un triangulo rotando.



Esta imagen contiene cuatro imágenes de 100x100 píxeles.
1.Lo primero es crear nuestro proyecto. Se crea como se explica en este tutorial.
2.Agregamos la imagen a la carpeta assets/gfx. Si no existen las creamos.
3.Definimos la anchura y altura de la cámara, así como un BuildableBitmapTextureAtlas y ITiledTextureRegion, dentro de nuestra clase.

private static final int CAMERA_WIDTH = 800;
private static final int CAMERA_HEIGHT = 480;
private BuildableBitmapTextureAtlas mBitmapTextureAtlas;
private ITiledTextureRegion mTrianguloTextureRegion;