пытаюсь написать что-то вроде "танчиков" из детства на JavaScript и Canvas. Если помните, там можно было играть вдвоем на одной приставке. Проблема возникла, когда создал второго игрока:
Как распознать столкновение, я понял. В моем случае, это пересечение двух прямоугольников:
function collisionDetection() {
if(
redTank.x < blueTank.x + w &&
redTank.x + w > blueTank.x &&
redTank.y < blueTank.y + h &&
redTank.y + h > blueTank.y
){
console.log('СТОЛКНУЛИСЬ ');
}
}
Но вот как понять какой танк нужно остановить при столкновении друг с другом?
Думал сравнить направления танков. Но при одинаковых направлениях танков, возможны разные ситеации:
- Синий едет вправо, красный вверх - красный таранит в борт синего
- Синий едет вправо, красный вверх - синий таранит в борт красного
И в случае 1 нужно "заморозить" на месте красный танк, а в случае 2 — синий.
Как же понять, какой останавливать?
Смотреть, какой выше и какой ниже (левее / правее) тоже не вариант — возможны те же два варианта событий.
Помогите советом, пожалуйста. Может быть есть давно готовый пример. На JS я такого не нашел, увы.