Animating a Sprite Sheet April 9, 2009

O_o .. interesting part now, gotta animate the stilllife all around. Its really quite simple, what i did that is:

Assuming all the animations are laid out neatly ina  sprite sheet, we have a table.

With rows and columns, so any algo would read thus:

1.  Get Row of Anim

2. Get Column of Anim

3. Get Anim : Height & Width

4. OnAnimStart() – Load source image from sprite sheet as a rectangle with

Height = Anim Height

Width = Anim Width

Position = (X,Y)   :  (0,0) Initially:

5. For subsequent frames,

increment Position.X by Sprite.Width times

And here’s the code

//Animation variables
protected int currFrame = 0;
protected int currRow = 0;
protected int currFrameSpeed = 0;
protected int animeThreshold = 8;

public Rectangle rectSource;
public Rectangle rectDestination;
/**Animate Sprite**/
if(currRow == 0)
{
if(this.currFrame < 6)
{
this.currFrameSpeed += 1;
if (this.currFrameSpeed == animeThreshold)
{
this.currFrameSpeed = 0;
this.currFrame += 1;
}
}
else
{
this.currFrameSpeed = 0;
this.currFrame = 0;
}
}
else
{
this.currRow = 0;
this.currFrameSpeed = 0;
this.currFrame = 0;
}

rectSource = new Rectangle(currFrame * this.spriteWidth, currRow * this.spriteHeight, this.spriteWidth, this.spriteHeight);
rectDestination = new Rectangle((int)this.position.X, (int)this.position.Y, this.spriteWidth, this.spriteHeight);

Additionally i found the need to control the speed of the animation, this was accomplished by adding a control variable

currFrameSpeed

i kept on incrementing it till it reached a predecided threshold.

Simple ha, of course this is just a simple and ok,ok way of doing it