I love playing games. And I love coding too. So, one day, I got thinking, why not use those coding skills to make a game? But it sounds hard. How would one even get started?

With baby steps.

In this article, you’ll learn to draw and animate objects using HTML5 Canvas and JavaScript before we optimize for performance.

“Animation is not the art of drawings that move but the art of movements that are drawn.” — Norman McLaren

Here’s what we’ll cover today:

• History of Canvas
• What is the canvas element?
• What is the canvas context?
• Drawing your object
• Animating your object
• Animating multiple objects
• Optimize your animations
• Wrapping up```

#html5 #canvas #javascript #game-development