Classe CSprite
Da maneira como o código está implementado até aqui, é necessário que cada frame da sprite esteja em um arquivo separado. Entretanto, normalmente todos os frames de uma sprite são desenhados em um único arquivo. Além disso, para cada sprite é necessário controlar um conjunto de parâmetros, tais como frame corrente e velocidade de deslocamento. Portanto, para facilitar a carga e utilização de sprites foi implementada a classe CSprite. Para sua utilização a partir de agora, inclua no projeto os seguintes fontes que estão disponíveis neste zip:

CMultiImage.cpp
CSprite.cpp

Portanto, as classes incluídas no projeto até aqui são:

• CImage: representa e permite o desenho de uma imagem, com posição, orientação e escala.
• CMultiImage: representa e permite o desenho de imagens compostas por vários frames, para usar em animação de personagens (sprites) ou tiles, por exemplo.
• CSprite: subclasse de CMultiImage, é responsável por gerenciar a animação e movimento, acrescentando controles para a exibição seqüencial e controlada dos diversos frames.
• TextureManager: gerencia as texturas, evitando carregar a mesma imagem duas vezes.

Abra os arquivos CSprite.h e CMultiImage.h e analise seus métodos.

A classe CMultiImage possui o método loadMultiImage que recebe o seguinte conjunto de parâmetros:

• nomeArq: nome do arquivo a ser carregado.
• w, h: largura e altura de cada imagem individual (frame ou tile).
• hSpace, vSpace: espaçamento entre frames/tiles (em pixels).
• xIni, yIni: posição inicial (na imagem) onde os frames/tiles estão.
• column, row: quantidade de colunas e linhas.
• total: quantidade de frames/tiles a serem carregados.

A partir da carga, é possível desenhar um frame específico, através do método drawFrame(int frame). Também é possível indicar que as imagens devem ser desenhadas com espelhamento (no eixo X), através do método setMirror.

A classe CSprite, possui o método loadSprite que chama o loadMultiImage além de inicializar os seus atributos, que são:

• double xspeed,yspeed:  velocidade em pixels por segundo.
• int updateCount:   contagem das atualizações.
• int firstFrame, lastFrame: interval de frames.
• int curframe: frame corrente.
• double curFrameD: frame corrente como valor double.
• int framecount,framedelay: diminui a animação dos frames.

O método setFrameRange(int first, int last) permite especificar o intervalo de frames a serem exibidos na animação. A velocidade do sprite é controlada através dos métodos setXspeed e setYspeed (recebem os valores em pixels/segundo). Finalmente, a velocidade da animação é definida através do método setAnimRate (recebe o valor em frames/segundo). O método update recebe o intervalo de tempo que passou (em milisegundos) e atualiza a posição e frame sendo exibido, conforme a necessidade. Os métodos setCurrentFrame(int c), frameForward() e frameBack()  são usados para controlar qual é o frame corrente, isto é, que está sendo desenhado no momento. O método draw é reponsável pelo desenho da sprite.

Utilizando a classe CSprite
Agora que já sabemos as funcionalidades da classe CSprite, ao invés de manipularmos um conjunto de imagens de uma sprite separadamente, vamos instanciar um objeto CSprite. Para isto, faça as alterações conforme descrito a seguir:

1)   Inicialmente coloque o include para o arquivo CSprite.h:

2) No código implementado na classe GameBasico, remova a declaração de um vector de imagens:

vector<CImage *> sprite;

e inclua a declaração de um ponteiro para  CSprite, da seguinte maneira:

CSprite *sprite;

2)   3) Na função void Desenha(int w, int h) remova o código responsável pelo desenho das imagens da sprite:

if (sprite[currentFrame]) {

           cout << "Posiciona e desenha imagem " << currentFrame << endl;

           sprite[currentFrame]->setPosition(posX,Img1->getHeight()-100);

           sprite[currentFrame]->draw();

}

e inclua simplesmente:

sprite->draw();

 
4) Remova o conteúdo da função void CarregaSprite() e coloque o trecho de código a seguir:

    sprite = new CSprite();

    sprite->loadSprite("data/img/char9.png", 128, 128, 0, 0, 0, 0, 4, 4, 16);

    sprite->setAnimRate(15); // taxa de animação em frames por segundo(troca dos frames dele)

    sprite->setScale(1);

    sprite->setPosition(0, Img1->getHeight()-138);

Observe que pode ser necessário alterar o diretório onde a imagem está armazenada. Note também que agora foi carregada apenas uma imagem que contém a sequência de animação da sprite.

if (SDL_GetTicks()-lastTime>tickInterval)

{

         currentFrame++;//atualiza a sprite

         if (currentFrame==6)

                   currentFrame=0;

         precisaRedesenhar = true;

         lastTime = SDL_GetTicks();

}

pelo seguinte trecho de código:

  if (SDL_GetTicks()-lastTime>tickInterval)

  {

           currentFrame++;//atualiza a sprite

           if (currentFrame==6)

                 currentFrame=0;

           sprite->setCurrentFrame(currentFrame);

           precisaRedesenhar = true;

           lastTime = SDL_GetTicks();

  }

Desta maneira o frame corrente da sprite é atualizado, pois o método draw() da classe CSprite desenha apenas o frame corrente.

case SDL_KEYDOWN:

           // exit if ESCAPE is pressed

           if (event.key.keysym.sym == SDLK_ESCAPE) {

                    done = true;

                    break;

           } else if (event.key.keysym.sym == 276) { // LEFT ARROW

           } else if (event.key.keysym.sym == SDLK_RIGHT) {

                    posX++;

                    precisaRedesenhar = true;

           }

           break;

por

case SDL_KEYDOWN:

         // exit if ESCAPE is pressed

         if (event.key.keysym.sym == SDLK_ESCAPE) {

                   done = true;

                   break;

         }

           else if (event.key.keysym.sym == SDLK_RIGHT) {

                    sprite->setX(sprite->getX()+1);

                    sprite->setMirror(false);

                    precisaRedesenhar = true;

           }

           else if (event.key.keysym.sym == 276) { // LEFT ARROW

                    sprite->setX(sprite->getX()-1);

                    sprite->setMirror(true);

                    precisaRedesenhar = true;

           }

         break;

Note que sempre que as teclas de seta são pressionadas, a posição da sprite e o espelhamento no eixo x são atualizados.

Finalmente, execute e teste o código que agora utiliza a classe CSprite!