Splash screen con AndEngine

Cuando una aplicación Android consta de varias ventanas se suele implementar con varias Activity.
Sin embargo, esto no es lo aconsejable.
El caso típico de un juego son al menos cuatro ventanas:

• Splash screen
• Menú
• Opciones
• Ventana del juego

Y la navegación entre ambas sería la siguiente:

Comienza la splash, la cual desaparece al cabo de unos pocos segundos y aparece automáticamente el menú. Desde el menú se puede acceder a la ventana de opciones (donde se configura el juego) y desde ahí se puede volver otra vez al menú. Y por fin, desde el menú se accede a la ventana del juego.

Lo aconsejable con AndEngine es crear cuatro escenas y pasar de una a otra utilizando:

    engine.setScene(unaEscena);

En este artículo vamos a seguir este patrón y vamos a crear una splash screen. Crearemos una Activity heredando de SimpleBaseGameActivity, crearemos las EngineOptions y por último, crearemos dos escenas: splashScene y menuScene.

En primer lugar, creamos el proyecto Android de forma similar a como se hace en este artículo.

Método onCreateEngineOptions()

Este método es similar al seguido en el ejemplo del artículo anterior:

public static final int CAMERA_WIDTH = 800;

public static final int CAMERA_HEIGHT = 480;

private Camera camera;

@Override

public EngineOptions onCreateEngineOptions() {

this.camera = new Camera(0, 0, CAMERA_WIDTH, CAMERA_HEIGHT);

EngineOptions engineOptions = new EngineOptions(

true, 

ScreenOrientation.LANDSCAPE_FIXED,

new FillResolutionPolicy(),

this.camera);

return engineOptions;

}

Método onCreateResources()

En este método se cargan los recursos para el menú y para la splash screen:


@Override
protected void onCreateResources() {

// Background

this.backgroundTexture = new BitmapTextureAtlas(this.getTextureManager(), 1024, 1024, TextureOptions.BILINEAR);

this.backgroundRegion = BitmapTextureAtlasTextureRegionFactory.createFromAsset(this.backgroundTexture, this, "background.png", 0, 0);

this.backgroundTexture.load();

// Splash

this.splashTexture = new BitmapTextureAtlas(this.getTextureManager(), 1024, 500, TextureOptions.BILINEAR);
this.splashRegion = BitmapTextureAtlasTextureRegionFactory.createFromAsset(this.splashTexture, this, "splash.jpg", 0, 0);
this.splashTexture.load();

       }

Método onCreateScene()

En este método se crean las dos escenas: la de la splash screen y la del menú. Inicialmente se activa la escena de splash, pero se pone un timeout, transcurrido el cuál, se activa la escena del menú.

@Override

protected Scene onCreateScene() {

// Escena del menú

menuScene = new Scene();

// Background de la escena

Sprite backgroundSprite = new Sprite(0, 0, this.backgroundRegion, getVertexBufferObjectManager());

menuScene.attachChild(backgroundSprite);

// Escena de splash

splashScene = new Scene();

// Background de la splash screen

Sprite splashSprite = new Sprite(0, 0, this.splashRegion, getVertexBufferObjectManager());

splashScene.attachChild(splashSprite);

mEngine.registerUpdateHandler(new TimerHandler(3f, new ITimerCallback() {

@Override

public void onTimePassed(TimerHandler handler) {

mEngine.unregisterUpdateHandler(handler);

splashScene.detachSelf();

mEngine.setScene(menuScene);

}

}));

return splashScene;

}