Szukam pomocy w stworzeniu mojej gierki:)

Moglby ktos pokazac mi jak moge wykryc kolizje niebieskiego kwadracika z czerwonym w ponizszym kodzie ? Jestem poczatkujacy i szukalem sposobu w internecie, ale nie bardzo rozumiem przedstawione tam sposoby. Zdecydowanie latwiej bedzie zrozumiec mi to na wlasnym kodzie. https://codepen.io/laniewski/pen/yLzZqze

Trzeba sprawdzić czy którykolwiek punkt kwadratu mieści się wewnątrz przeszkody.

Poniżej daję najprostsze rozwiązanie jakie mi przyszło do głowy

function detectCollision() {
  ctx.font = "30px Arial";
  if (squareX + squareSize >= obstacleX && squareX <= obstacleX + obstacleSize 
      && squareY + squareSize >= obstacleY && squareY <= obstacleY + obstacleSize)
    ctx.fillText("Collision!", 10, 50);
}

funkcję detectCollision trzeba wywołać wewnątrz funkcji game lub innej np. obstacleMove