Try it Yourself: Graphics Canvas Game Basics

Graphics Canvas Game Basics

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<canvas id="game" width="480" height="320"></canvas>

<script>
function isColliding(a, b) {
  return (
    a.x < b.x + b.width &&
    a.x + a.width > b.x &&
    a.y < b.y + b.height &&
    a.y + a.height > b.y
  );
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<canvas id="game" width="480" height="320"></canvas>

<script>
function isColliding(a, b) {
  return (
    a.x < b.x + b.width &&
    a.x + a.width > b.x &&
    a.y < b.y + b.height &&
    a.y + a.height > b.y
  );
}
</script>

</body>
</html>