I am teaching myself how walking animation works in 2D games.
*Edit* - Provided a gif I am using for mario walking left and right animation.
Each gif has 2 frames of animation.
right animation gif:
left animation gif:
My question: is if there is an universal time interval that is used between the current and last animation frame that makes it so appealing to the gamer's eyes?
I wind up looking at a youtube video of Mario walking in a Mario NES Gameplay video frame by frame a couple of times just to get an idea of how the animation works. I managed to get some insight but I am not sure if my insight is correct. It is fascinating to see how much animation was going on in 1 second of the video:
">My insight: There is a time interval involved between each change of animation frame of Mario. How much time interval I cannot really tell. I do know there was 3 frames of animation in Mario's movement.
My code shows Mario running animation using 2 frames of animation. There is a time difference of 4 between the animation0 and animation1. The running seems about right but the walking animation seems delayed. The code took some trial of error to achieve this interval difference.
Running animation is done by holding the right arrow key.
Walking Animation is done by tapping the right arrow key.
Code is in Java.
public Mario(double x , double y)
{
position = new Vector2D(x,y);
velocity = new Vector2D();
animationList = new ArrayList<Image>();
timeInterval = 0;
WalkAnimation0 = true;
try {
image = ImageIO.read(new File("src/MarioWalkAnimation/marioWalkAnimation0.PNG"));
animationList.add(image);
image = ImageIO.read(new File("src/MarioWalkAnimation/marioWalkAnimation1.PNG"));
animationList.add(image);
}
catch (IOException e) {
e.printStackTrace();
}
Game.getInstance().addKeyListener(this);
}
public void draw(Graphics g) {
// Draw the ship image at our position
int walkAnimation0Limit = 2;
int walkAnimation1Limit = 6;
if(timeInterval <= walkAnimation0Limit)
{
g.drawImage(animationList.get(0),(int)position.getX(),(int)position.getY(),null);
}
else if(timeInterval <= walkAnimation1Limit )
{
g.drawImage(animationList.get(1),(int)position.getX(),(int)position.getY(),null);
if(timeInterval == walkAnimation1Limit)
{
timeInterval = 0;
}
}
}
public void keyPressed(KeyEvent e)
{
// TODO Auto-generated method stub
// Handle the player keys
switch (e.getKeyCode()) {
case (KeyEvent.VK_RIGHT):
timeInterval++;
break;
}
