HTML5 Canvas Tutorials for Beginners | Become a Canvas Pro 📋 - How to Code: Rectangular Collision Detection with JavaScript

Learn web development with 117+ additional tutorials only at https://chriscourses.com 🚀 Rectangular collision detection is a must-know when it comes to video game development. It's a way to tell when two objects touch, so you can call some sort of reactionary event in return, such as gaining a power-up, or ending the game. Here I'll show you how rectangular collision detection works from a high-level perspective, then walk you through how to implement the effect using HTML canvas and JavaScript. 0:00 - How it works 2:07 - Detection on the x-axis 6:40 - Detection on the y-axis (with x-axis)