Capítulo 4 - Animaciones
En este capítulo comenzaremos a usar animaciones, aprenderemos que estas son Aciones en cocos y veremos cómo crearlas y usarlas juntos con otras acciones. Descarga la carpeta Resources para este capítulo aquí
4.1 Usando Animaciones
Ahora vamos a crear las clases Player y BasicEnemy ambas harán uso de animaciones, en este punto ambas clases serán idénticas, tan sólo varía el recurso que utilizan así que solo veremos una de ellas, en lugar de emplear herencia, se harán en clases separadas porque en el futuro será necesario. Veamos entonces como usar animaciones.
Player.h
Player.cpp
Como vemos hacemos que Player herede de Sprite y colocamos en su método init aquello que queremos que haga al crearse. En nuetro caso crearemos dos animaciones, Una para el esatado normal del jugador y otra para cuando este es destruido.
En el método createIdleAnimation() creamos la animación por defecto, para ello creamos un vector en el que añadir los diferentes SpriteFrames que compondrán la animación. Para crear estos Sprite frames cogemos cada una de las secciones de nuestro sprite sheet.
Nuestro sprite sheet contiene 4 imágenes (4 frames) y mide 200x63 por lo que para obtener cada uno de ellos debemos decirle a cocos desde donde hasta donde mide cada frame y eso lo indicamos así: SpriteFrame::create("animacion_nave.png", Rect(acc, 0, 50, 63)). Como vemos acc es donde comienza el frame en cuestión, 0 la altura a la que comienza, 50 el ancho de cada frame y 63 la altura. Una vez obtenidos todos los frames de nuestro sprite sheet, creamos la animación auto animation = Animation::createWithSpriteFrames(animFrames, 0.25f) aquí decimos que nuestra animación se compone de este vector de frames y que entre cada frame deben pasar 0.25s.
Cuando tenemos la animación, procedemos a crear la acción de animarla auto animate = Animate::create(animation) con esto ya tendríamos una animación que se ejecutaría una vez, sin embargo nos interesa que se repita todo el tiempo hasta que la destruyamos por ello creamos una ación derivada _idleAnimation = RepeatForever::create(animate).
Ya tenemos nuestras animaciones, ahora lanzaremos la animación por defecto que será la IDLE. runAction(_idleAnimation). El proceso de creación es idéntico para la animación de la explosión y para las animaciones de los enemigos solo que pueden variar los tamaños, según el Sprite sheet que se usa.
Advertencia
En estas clases (Player y BasicEnemy) hay errores relacionados con la forma en que cocos gestiona la memoria introducidos de forma deliberada, para ver cómo solucionarlos más adelante (capítulo 6). Por ahora basta con dejarlo así.
Prueba a posicionar un objeto BasicEnemy y un Player en tu GameLayer y verás que están animados sin necesidad de llamar a su método update que actualmente no hace nada, ya añadiremos funcionalidad más tarde.
Descarga las carpetas Classes y resources del proyecto hasta el momento aquí.