Javascript Canvas碰撞检测问题

function checkCollision(rect1, rect2) {
    return rect1.x < rect2.x + rect2.width &&
           rect1.x + rect1.width > rect2.x &&
           rect1.y < rect2.y + rect2.height &&
           rect1.y + rect1.height > rect2.y;
}

// 示例对象
let player = {x: 50, y: 50, width: 30, height: 30};
let obstacle = {x: 70, y: 50, width: 30, height: 30};

if (checkCollision(player, obstacle)) {
    console.log("碰撞发生！");
}

function checkCircleCollision(circle1, circle2) {
    let dx = circle1.x - circle2.x;
    let dy = circle1.y - circle2.y;
    let distance = Math.sqrt(dx * dx + dy * dy);
    return distance < (circle1.radius + circle2.radius);
}

// 示例对象
let circleA = {x: 50, y: 50, radius: 20};
let circleB = {x: 80, y: 50, radius: 20};

if (checkCircleCollision(circleA, circleB)) {
    console.log("碰撞发生！");
}