오늘은 Flutter의 Flame 엔진을 활용해 2D 액션 게임에 보스 몬스터를 추가한 과정을 공유하려고 합니다. 보스 몬스터는 단순한 적과 달리 다양한 패턴과 애니메이션, 그리고 상태 전환이 필요하기 때문에 구현 과정이 꽤 흥미로웠습니다. 1. 보스 스프라이트 시트 준비먼저, 보스 몬스터의 다양한 동작(대기, 이동, 공격 등)을 표현할 수 있는 스프라이트 시트를 준비했습니다. 아래와 같이 4x3(총 12프레임)으로 구성된 이미지를 사용했습니다.1행: idle(대기)2행: chase(이동)3행: attack(공격, 마지막 프레임은 이펙트 포함)2. BossModel 클래스 설계Flame의 SpriteAnimationGroupComponent를 상속받아 보스 몬스터의 상태별 애니메이션을 관리할 수 있도록 ..
-
Flutter Flame 게임 엔진의 충돌 감지 시스템: 쿼드 트리 알고리즘을 중심으로
안녕하세요. 오늘은 Flutter Flame 엔진의 충돌 감지 시스템에 대해 자세히 알아보겠습니다. 특히 이 시스템의 핵심인 쿼드 트리 알고리즘에 초점을 맞춰 설명하겠습니다.충돌 감지의 중요성게임 개발에 있어 충돌 감지는 매우 중요한 요소입니다. 캐릭터가 장애물과 부딪히거나, 총알이 적에게 맞는 등의 상호작용을 처리하기 위해서는 효율적인 충돌 감지 시스템이 필수적입니다.Flame 엔진의 접근 방식Flame 엔진은 충돌 감지를 위해 쿼드 트리 알고리즘을 채택했습니다. 이 알고리즘은 2D 공간을 효율적으로 분할하고 관리하여 충돌 검사의 성능을 크게 향상시킵니다.쿼드 트리란?쿼드 트리는 2차원 공간을 재귀적으로 4개의 영역으로 분할하는 트리 구조입니다. 각 노드는 4개의 자식 노드를 가질 수 있으며, 이를 통..
-
Flutter로 멀티플레이 게임만들기 with WebRTC
Flutter로 멀티플레이 게임을 만들기 위해, WebRTC를 사용하기로 결정했다. WebRTC를 사용하기로 결정한 이유는 아래와 같다.WebRTC로 게임을 만드는 이유1. 지연시간이 낮다.현존하는 실시간 스트리밍 통신 기술 중에서 가장 지연시간이 낮다고 한다. 나는 게임에서 위치정보 같은 데이터 정도만 통신할거라서 영상이나 오디오 스트리밍 같이 무거운 데이터를 주고받을 건 아니지만.. 그래도 뭐든지 빠르면 좋지 않은가! 안 쓸 이유가 없다. 2.P2P 연결방식이라 서버 비용을 절약할 수 있다.WebRTC는 P2P 방식으로 연결하는 방식이기 때문에, 무엇보다 서버 비용을 절약할 수 있다. 게임은 실시간으로 주고받는 데이터가 많다 보니.. 서버비용이 만만치 않을 것 같다. 이왕이면 서버 비용을 최대한 줄..
-
[Flutter] Provider 에 대해
Provider란? Flutter에서 상태 관리를 쉽게 도와주는 도구 중 하나. 앱의 상태를 관리하고, 상태에 따라 UI를 업데이트 할 수 있다. Provider의 주요 기능 상태 관리: 앱의 상태를 관리하고 그 상태에 따라 UI를 업데이트한다. 의존성 주입: Provider는 의존성 주입을 지원하여 애플리케이션 내에서 필요한 데이터나 서비스를 쉽게 전달할 수 있다. 성능 최적화: Provider는 ‘lazy loading’을 지원하므로 필요할 때만 특정 서비스를 생성할 수 있다. Provider 의 주요 메소드 watch Provider의 변화를 감지해 데이터를 얻고 해당 메소드가 포함된 위젯을 재빌드한다. read Provider의 데이터를 읽고 변경할 수 있음(접근은 하지만 재빌드는 하지않음) se..