Code Your First Arcade Game | JavaScript on Canvas

Learn to create your first arcade-style game in JavaScript on Canvas, including game mechanics, collision detection, and AI.

Introduction

Code Your First Game: Arcade Classic in JavaScript on Canvas by Chris DeLeon

Highlights

• Display, position, and move filled shapes for retro and prototype gameplay
• Move a ball around your game space such that it bounces off boundaries
• Handle real-time mouse input
• Detect and respond to simple collisions
• Program very basic artificial intelligence
• Keep and display score during play
• Understand the subtle, key difference between a classic game in this style which is fun to play versus one that isn't
• Define and code a win condition and end state for your game

Recommendation

The instructor explains things quickly but clearly and with enough information for you to understand. Despite some video smoothness and syncing issues, it is not a huge problem and he is a very energetic teacher and his videos feel very engaging.