[플러터 게임] 2D 게임 개발의 기초 / 기본 충돌 감지 구현/ 충돌 감지와 물체의 충돌 처리

 

플러터를 사용하여 2D 게임을 만들 때 필수적인 충돌 감지와 물체의 충돌 처리 방법에 대해 배워볼 거예요.

게임에서 물체들이 서로 부딪힐 때, 이를 감지하고 처리하는 방법은 매우 중요하답니다.

초보자도 쉽게 이해할 수 있도록 사각형 충돌과 원형 충돌, 그리고 물체의 반응 처리에 대해 설명할게요.

1. 충돌 감지란?

충돌 감지는 두 개의 물체가 서로 닿는지를 확인하는 과정입니다. 예를 들어, 캐릭터가 장애물에 부딪히면 게임의 진행에 영향을 줄 수 있죠.

충돌 감지는 게임의 상호작용을 더욱 재미있게 만들어줍니다.

2. 기본 충돌 감지 알고리즘

2.1 사각형 충돌 감지

사각형 충돌 감지는 두 개의 사각형이 겹치는지를 확인하는 방법입니다. 주로 캐릭터와 장애물 간의 충돌을 확인하는 데 사용됩니다.

 

사각형 충돌 감지 코드 예시

bool isRectangleColliding(Rect rect1, Rect rect2) {
  return rect1.left < rect2.right &&
         rect1.right > rect2.left &&
         rect1.top < rect2.bottom &&
         rect1.bottom > rect2.top;
}

• 설명
  • rect1.left < rect2.right: 첫 번째 사각형의 왼쪽이 두 번째 사각형의 오른쪽보다 작은지 확인합니다.
  • rect1.right > rect2.left: 첫 번째 사각형의 오른쪽이 두 번째 사각형의 왼쪽보다 큰지 확인합니다.
  • rect1.top < rect2.bottom: 첫 번째 사각형의 위쪽이 두 번째 사각형의 아래쪽보다 작은지 확인합니다.
  • rect1.bottom > rect2.top: 첫 번째 사각형의 아래쪽이 두 번째 사각형의 위쪽보다 큰지 확인합니다.

2.2 원형 충돌 감지

원형 충돌 감지는 두 개의 원이 겹치는지를 확인하는 방법입니다. 주로 캐릭터와 아이템 같은 원형 물체 간의 충돌을 확인할 때 사용됩니다.

 

원형 충돌 감지 코드 예시

bool isCircleColliding(Circle circle1, Circle circle2) {
  double distance = ((circle1.x - circle2.x) * (circle1.x - circle2.x) +
                     (circle1.y - circle2.y) * (circle1.y - circle2.y)).sqrt();
  return distance < (circle1.radius + circle2.radius);
}

• 설명
  • 두 원의 중심 사이의 거리를 계산하고, 이 거리가 두 원의 반지름의 합보다 작은지를 확인합니다. 작다면 두 원이 충돌한 것입니다.

3. 물체의 충돌 처리 및 반응

충돌이 감지되면 그에 따른 처리가 필요합니다. 예를 들어, 캐릭터가 적과 충돌했을 때 생명이 줄어들거나 게임 오버가 될 수 있죠.

 

충돌 처리 코드 예시

void handleCollision(GameObject obj1, GameObject obj2) {
  if (isRectangleColliding(obj1.rect, obj2.rect)) {
    // 충돌이 감지되면 생명 감소
    obj1.lives -= 1; // obj1의 생명 감소
    // 충돌 후 위치 재조정
    obj1.position = obj1.previousPosition; // 이전 위치로 되돌림
    if (obj1.lives <= 0) {
      gameOver(); // 게임 오버 처리
    }
  }
}

• 설명
  • obj1.lives -= 1: 충돌 시 obj1의 생명을 줄입니다.
  • obj1.position = obj1.previousPosition: 충돌 후 물체의 위치를 이전 위치로 되돌립니다. 이는 물체가 겹치지 않도록 하는 방법입니다.

4. 물체의 상태 업데이트

충돌 처리 후에는 물체의 상태를 업데이트해야 합니다. 예를 들어, 캐릭터의 생명 상태를 표시하거나 적이 사라지도록 하는 작업이 필요합니다.

 

예시

void updateGame(List<GameObject> gameObjects) {
  for (var obj1 in gameObjects) {
    for (var obj2 in gameObjects) {
      if (obj1 != obj2) {
        handleCollision(obj1, obj2);
      }
    }
  }
}

• 설명:
  • 모든 게임 오브젝트를 순회하면서 서로 충돌하는지를 확인하고, 충돌이 감지되면 handleCollision 함수를 호출합니다.

오늘은 플러터로 2D 게임을 만들 때 충돌 감지와 물체의 충돌 처리 방법에 대해 알아보았습니다.

사각형과 원형 충돌 감지 방법을 통해 게임의 물체 간 상호작용을 구현할 수 있게 되었죠.

다음에는 충돌 시 효과음이나 애니메이션을 추가하는 방법에 대해 배워보겠습니다.

 

구독!! 공감과 댓글,

광고 클릭은 저에게 큰 힘이 됩니다.

 

Starting Google Play App Distribution! "Tester Share" for Recruiting 20 Testers for a Closed Test.

Tester Share [테스터쉐어] - Google Play 앱