Step 3

Updating the facing variable

Next let’s work on coding our game to correctly update the position of our player.

Create a new function, call it “changeFacing” and and the code as shown.

Here we are assigning a different value for each direction and updating the facing variable when a different direction button is pressed.

Add the code as shown so our game is constantly calling the changeFacing function and updating the facing variable.

Next, let’s add some walking animations to our character.

Add the code as shown and create/add a walking animation for each of the four directions, set the interval to 150.

Next, let’s add a way to tell our animations to stop.

Add the code as shown to set a sprite to appear when the player lets go of any of the four directional buttons.

Now with all of that completed, go ahead and test it out!

Our player should now be able to walk in all 4 directions with 4 different animations!