두 fill.Rect 함수 간의 충돌을 감지합니다.

Question

한 플레이어는 화살표 키로 제어하고 다른 플레이어는 WSAD 키로 제어하는 ​​게임이 있습니다. 600x600 캔버스에 지도가 설정되어 있고 게임 채우기에 두 플레이어 간의 충돌을 추가하고 싶습니다. 두 플레이어가 특정 반경 내에 있으면 프로그램을 종료하거나 "Game The end"와 같은 텍스트를 표시하세요

여기에 내 js, Html 및 Css 코드가 있습니다(코드 조각을 보려면 "전체 화면"으로 이동해야 함):

으아아아 으아아아 으아아아

Answer 1

충돌을 확인하는 함수를 작성해두었습니다.

먼저 ret1의 왼쪽 가장자리가 ret2의 오른쪽 가장자리보다 오른쪽에 더 있는지 확인하여 이를 수행합니다. 또한 ect1의 오른쪽 가장자리가 ect2의 왼쪽 가장자리보다 왼쪽에 더 있는지도 확인합니다.

하단 가장자리도 마찬가지입니다.

모두 거짓이라면 직사각형이 겹쳐져 있어야 합니다.

으아아아