라이브러리 없이 JavaScript에서 충돌 감지를 구현하는 방법은 무엇입니까?

JavaScript의 충돌 감지

문제: jQuery 또는 gameQuery와 같은 라이브러리를 사용하지 않고 JavaScript에서 충돌 감지를 구현합니다. 움직이는 객체와 관련된 간단한 시나리오.

해결책:

두 객체 간의 충돌을 감지하려면 간단한 경계 직사각형 루틴을 사용할 수 있습니다. 위치와 크기를 비교하여 각 객체를 나타내는 직사각형이 겹치는지 여부를 계산합니다.

isCollide() 함수는 객체 a와 b가 나타내는 직사각형이 교차하는지 확인합니다.

<code class="javascript">function isCollide(a, b) {
    return !(
        ((a.y + a.height) < (b.y)) ||
        (a.y > (b.y + b.height)) ||
        ((a.x + a.width) < b.x) ||
        (a.x > (b.x + b.width))
    );
}</code>

여기서:

• a와 b는 x, y, 너비 및 높이 속성을 가진 객체입니다.

이 기능을 사용하려면 관련 객체의 위치를 ​​포함하는 배열을 생성할 수 있습니다. 충돌 감지에서. 그런 다음 배열을 반복하여 움직이는 객체가 사전 정의된 객체와 충돌하는지 확인할 수 있습니다.

이 경계 직사각형 루틴을 사용하면 복잡한 작업 없이 JavaScript에서 기본 충돌 감지를 구현할 수 있습니다. 알고리즘 또는 라이브러리.

대화형 예:

[여기](https://codepen.io/MixerOID/pen/Rwgeob)를 클릭하면 데모를 볼 수 있습니다. isCollide() 함수가 작동하여 움직이는 객체 간의 충돌 감지를 보여줍니다.

위 내용은 라이브러리 없이 JavaScript에서 충돌 감지를 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!