Почему прямоугольник холста не расширяется?

Question

Я делаю HTML5-игру Canvas, и у меня есть прямоугольник, который должен расширяться при наведении на него курсора, но, похоже, он этого не делает.Вот код, в котором он расширяется:

function animate() {
    requestAnimationFrame(animate)
    c.clearRect(0, 0, canvas.width, canvas.height)

    for (var i = 0; i < objects.length; i++) {
        object = objects[i]
        object.update()
    }

    if (mouse.x >= 1280 && mouse.x <= 1210) {
        if (mouse.y >= 270 && mouse.y <= 200) {
            calendarHover = true
        } else {
            calendarHover = false
        }
    } else if (calendar.width != 70 || calendar.height != 70) {
        calendar.width--
        calendar.height--
    }

    if (calendarHover == true) {
        calendar.width++
        calendar.height++
    }
}

Вот весь мой код на codepen, если он помогает: code

Answer 1

Я понял это, поэтому, если у вас возникла та же проблема, это поможет вам.Это простая логическая ошибка, вам просто нужно переключать значения больше или меньше, чем в условных выражениях.Сделай это:

if (mouse.x >= 1210 && mouse.x <= 1280)

И:

if (mouse.y >= 200 && mouse.y <= 270)