Почему это 2D-столкновение полностью не работает для моих изображений?

Question

У меня столкновение в моей игре javascipt между игроком, пулями и врагами. Раньше пули были прямоугольниками, но теперь у меня есть изображения. Изображения плотно вписываются в прямоугольную коробку, ожидается, что работа 2D-столкновения будет работать. Вот изображение:

Пуля несколько прямоугольная. Я использую эту логику в моей системе столкновения:

return rect1.x <= rect2.x+rect2.width 
    && rect2.x<=rect1.x+rect1.width 
    && rect1.y<=rect2.y+rect2.height//if all statements are true, they are  colliding 
    && rect2.y<=rect1.y+rect1.height; 

Collision несколько работ, однако, пуля может быть значительно ниже игрока и по-прежнему вызывает столкновение, и это может быть значительно третьим путем внутри игрока из верхних без инициируя столкновение. Есть ли что-нибудь, что я могу сделать, чтобы исправить это? Система столкновений работала безупречно с прямоугольниками и должна быть достаточно близко здесь, но она недостаточно хороша. Вот ссылка на мою фактическую игру в разработке, если вы хотите увидеть исходный код и проблему для себя: JS Game

Answer 1

Попробуйте удалить знаки равенства и не проверять наличие столкновений, но для того, чтобы быть «снаружи».

if (rect1.x + rect1.width < rect2.x) //left outside 
    return false; 
if (rect1.x > rect2.x + rect2.width) //right outside 
    return false; 
if (rect1.y + rect1.height < rect2.y) //above/below outside 
    return false; 
if (rect1.y > rect2.y + rect2.height) //above/below outside 
    return false; 
return true; 

(Вы также можете обернуть их в одну линию, но я надеюсь, что это ясно дает понять, что я хочу сказать) Работает ли этот пример отличается для вашей игры?