Стоп два прямоугольника из пересекающихся

Question

Этот маленький мир содержит человека (синий прямоугольник) и дерево (большой зеленый прямоугольник). Лицом можно управлять, нажимая клавиши вверх, вниз, влево, вправо на клавиатуре. Синий прямоугольник перемещается только при нажатии клавиш. Синий прямоугольник не должен сойти с карты (т. Е. Не должен выходить из серой области) и не должен перекрывать зеленый прямоугольник.

Я знаю о методе, чтобы предотвратить синий прямоугольник с высадки из серой области:

if (blueRect.rightEdge >= (canvas.width - 1)) { 
    // Don't allow going further to the right 
    // But allow going up, down, and to the left 
} 

// Check the same thing for the other sides of the grey area 

То, что я не уверен в том, как предотвратить два прямоугольника из пересекающихся.

На картинке выше, как мне «отключить» движение вправо (чтобы предотвратить перекресток)? Я все равно хотел бы подняться, опуститься и уйти.

Answer 1

Что вы имеете в виду, называется collision detection. Я не верю, что есть простой ответ, который всегда применяется.

Однако в вашем случае, потому что у вас есть простые прямоугольники, вы можете проверить, чтобы увидеть, если какой-либо один из четырех углов МЕНЬШЕ прямоугольника внутри БОЛЬШИЙ прямоугольника.

Если вы не знаете, что меньше, а что больше, вы можете проверить в обоих направлениях (т. Е. Прямоугольник A в углу внутри прямоугольника B, а затем, если угол прямоугольника B находится внутри прямоугольника A). Убедитесь, что вы используете> = и < = чтобы поймать это надоедливое граничное условие.

Возможно, что-то, как это необходимо (псевдокод):

nextLocation = translate(rectangleA, "up") 
if (isIntersecting(rectangleB, nextLocation)) { 
    error("collision!") 
} else { 
    rectangleA = nextLocation 
}