JavaScript Tutorial - Move an Image using the Arrow Keys in HTML Canvas

Join this channel to get access to perks: https://www.youtube.com/channel/UCntXGyc0ylNJKs60VSPcIyg/join

Download Images Here - https://wp.me/p74nED-12F

We are moving on from animating the object on its own to now moving it with the arrow keys on the keyboard. In this tutorial we will demonstrate how to add key down and up events to the HTML Canvas and move an image in that direction. Animating objects and moving them inside of a game is the most important part of any games design, JavaScript makes it a lot easier to create objects and move them using their x and y coordinates inside of HTML and you can see the results directly in the web browser. We will be using Only HTML CSS and JavaScript in this tutorial to create this project. Once we have a good fundamental understanding of the project and how to work with the sprites properly we can move on to adding more interactions such as object collision and Sprite animations. ... https://www.youtube.com/watch?v=Cali4HZF7TY