Tutorial de SDL – Parte 14 – Clips animados e VSync

Continuando nossa série de artigos traduzidos do site lazyfoo, iremos ver agora como exibir diferentes clips para criar uma animação de um boneco palito. Isso basicamente é o conceito de animação: exibir uma imagem depois de outra para criar a ilusão de movimento.

Digamos que temos esse frames de animação (que claramente demonstram que eu não sou um profissional):

Mostrando cada clip um após o outro a cada décimo de segundo, obtemos essa animação:

//Walking animation
const int WALKING_ANIMATION_FRAMES = 4;
SDL_Rect gSpriteClips[ WALKING_ANIMATION_FRAMES ];
LTexture gSpriteSheetTexture;

 //Create vsynced renderer for window
 gRenderer = SDL_CreateRenderer( gWindow, -1, SDL_RENDERER_ACCELERATED | SDL_RENDERER_PRESENTVSYNC );
 if( gRenderer == NULL )
 {
 printf( "Renderer could not be created! SDL Error: %s\n", SDL_GetError() );
 success = false;
 }

bool loadMedia()
{
 //Loading success flag
 bool success = true;
 //Load sprite sheet texture
 if( !gSpriteSheetTexture.loadFromFile( "14_animated_sprites_and_vsync/foo.png" ) )
 {
 printf( "Failed to load walking animation texture!\n" );
 success = false;
 }
 else
 {
 //Set sprite clips
 gSpriteClips[ 0 ].x = 0;
 gSpriteClips[ 0 ].y = 0;
 gSpriteClips[ 0 ].w = 64;
 gSpriteClips[ 0 ].h = 205;
 gSpriteClips[ 1 ].x = 64;
 gSpriteClips[ 1 ].y = 0;
 gSpriteClips[ 1 ].w = 64;
 gSpriteClips[ 1 ].h = 205;
 gSpriteClips[ 2 ].x = 128;
 gSpriteClips[ 2 ].y = 0;
 gSpriteClips[ 2 ].w = 64;
 gSpriteClips[ 2 ].h = 205;
 gSpriteClips[ 3 ].x = 196;
 gSpriteClips[ 3 ].y = 0;
 gSpriteClips[ 3 ].w = 64;
 gSpriteClips[ 3 ].h = 205;
 }
 return success;
}

 //Main loop flag
 bool quit = false;
 //Event handler
 SDL_Event e;
 //Current animation frame
 int frame = 0;

 //Render current frame
 SDL_Rect* currentClip = &gSpriteClips[ frame / 4 ];
 gSpriteSheetTexture.render( ( SCREEN_WIDTH - currentClip->w ) / 2, ( SCREEN_HEIGHT - currentClip->h ) / 2, currentClip );
 //Update screen
 SDL_RenderPresent( gRenderer );

 //Go to next frame
 ++frame;
 //Cycle animation
 if( frame / 4 >= WALKING_ANIMATION_FRAMES )
 {
 frame = 0;
 }
 }