We need a hero
Every game needs a hero and our game will be no exception to this rule. The first order of business will be to determine how he will look like on the screen. We want the hero to be able to face all the four directions when moving around the map, and we want him to have a walking animation when he is moving.
Hold that code, will you?
Just as we did with the map, we will need to have a graphical representation of our hero. Not only that, we will need a drawing for each direction to which our hero is facing as well as every frame of his walking animation.
To do this, we could use one image for every position at which our hero will appear in the game world, but a better approach will be to use a SpriteSheet. Much like a tileset, a SpriteSheet is basically an image containing all the images which we will need to display our hero at any given time.
There are a lot of free SpriteSheet that we can use. For our game, we will be using one made by a gentleman named Sith Jester. He has a...