如何检查x和y上的两个正方形对象之间的碰撞？(p5.js)

let square1 = {
  x: 100,
  y: 100,
  size: 50
};

let square2 = {
  x: 200,
  y: 200,
  size: 50
};

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  // 检查碰撞
  if (checkCollision(square1, square2)) {
    fill(255, 0, 0); // 碰撞时改变颜色为红色
  } else {
    fill(0, 255, 0); // 未碰撞时颜色为绿色
  }
  
  // 绘制正方形
  rect(square1.x, square1.y, square1.size, square1.size);
  rect(square2.x, square2.y, square2.size, square2.size);
}

function checkCollision(obj1, obj2) {
  if (obj1.x + obj1.size < obj2.x || obj1.x > obj2.x + obj2.size ||
      obj1.y + obj1.size < obj2.y || obj1.y > obj2.y + obj2.size) {
    return false; // 未发生碰撞
  } else {
    return true; // 发生碰撞
  }
}