드라군 어보이드

1. 개요 고등학생 때 학교에서 방과 후에 진행하던 소수전공 교육이 있었다. 자바스크립트 캔버스를 활용해 웹 게임 만드는 교육이었는데, 이 게임은 그 교육 과정에서 내가 제작한 최종 프로젝트였다. 스타크래프트 프로토스 유닛 중 하나인 드라군이 마인을 밟는 일이 잦다는 점에 아이디어를 착안하여 제작하였다. 해당 게임은 스타크래프트의 팬메이드 작품으로 일체 상업적 활용을 하지 않을 생각이다.

당시에도 단순한 로컬 클라이언트용 게임에서 끝내지 않고 PHP 5와 MySQL, 동아리의 ftp 서버를 활용해 데이터베이스를 구축하여 반 친구들과 점수 경쟁을 하곤 했었다. 최근 홈 서버 빌드도 했겠다, 추억 회상 겸 하드 어딘가에 쳐박혀 있던 이 게임을 다시 서비스 해 보기로 했다.

2. 접속하기 우선 드라군 어보이드 홈페이지에 접속한다.

▲ 랭킹 Top 10은 메인 화면에 등재된다.

아무 닉네임이나 치고 접속 버튼을 누르기만 하면 되는데, 각 닉네임 별로 최고 점수만 서버에 등록된다. 영어는 같은 단어면 대소문자 구별 없이 한 닉네임으로 판단한다. 예를 들어, Test라는 닉네임으로 처음 접속해서 기록을 세웠다면, 이후 test, tEst 등 어떤 닉네임으로 접속해도 전부 Test 와 동일한 닉네임으로 간주한다. 화면에서 볼 수 있듯, 한글 닉네임으로 접속도 가능하다.

하단 옵션 버튼을 통해 간단한 설정을 하고 본 게임에 들어갈 수 있다. 해당 설정값은 브라우저에 쿠키로 저장되어 사이트를 껐다 다시 켜도 유지된다.

▲ 배경 맵과 소리 관련 간단한 설정을 할 수 있다.

3. 플레이 방법 게임 화면에 들어오면, 중앙에 플레이어(드라군) 가 있고 좌측 상단에 현재 점수 와 게임 상태(분홍색) 를 표시하는 텍스트가 있다.

▲ 인게임(Canvas.php) 화면

해당 게임 캔버스는 1000x700 사이즈로, 만약 화면 해상도가 1000x700 보다 낮거나 캔버스를 지원하지 않는 구형 브라우저일 경우 작동하지 않는다. 또한 모바일 환경에서 접속할 경우 애초에 플레이가 불가능하기 때문에 아래 문구와 함께 캔버스가 출력되지 않도록 했다.

▲ 모바일 해상도를 인지하여 모바일 환경에서 접속할 경우 경고 문구가 뜬다.

정상적으로 화면이 출력된다면, Enter 키를 눌러 게임을 시작할 수 있다. 게임은 간단하다. 방향키를 사용해 드라군을 움직여 사방에서 날아오는 마인을 피하면서 오래 버티면 되는 게임이다.

4. 아이템 게임을 시작하면 일정 시간마다 맵 무작위 위치에 무작위 아이템이 드롭된다.

▲ 우측 가운데에 보면 아이템이 있다.

이 아이템은 플레이어가 갈수록 미친듯이 불어나는 마인으로부터 버틸 수 있게끔 돕는다. 아이템은 총 8종류가 있는데, 그 상세 효과는 다음과 같다.

실드 마인으로부터 1회 생존할 수 있는 실드가 생긴다. 실드를 가진 상태에서 또 실드 아이템을 획득하면 즉시 점수 50점이 추가된다. 다른 아이템보다 출현 확률이 소폭 높다.

마인 맵에 존재하는 마인을 전부 파괴한다.

스테이시스 필드 8초간 드라군을 무적 상태로 만든다. 이동속도가 감소한다.

사이오닉 스톰 5초간 드라군 주변에 사이오닉 스톰이 내리친다. 드라군은 무적 상태에 돌입하고 이동속도가 상승하며 스톰에 닿는 마인을 모조리 파괴한다. 파괴한 마인 하나당 점수 3점을 획득한다.

마엘스트롬 6초간 맵의 모든 마인을 정지시킨다. 정지된 시간 동안 새로운 마인은 출현하지 않는다. 화면 좌측 상단에 주황색 타이머로 남은 시간이 표시된다.

디스트럽션 웹 12초간 맵 무작위 위치에 웹을 펼친다. 웹 안에서 드라군은 마인으로부터 공격받지 않는다.

리콜 드라군을 무작위 맵의 무작위 위치로 이동시킨다. 맵의 모든 마인이 제거된다. 게임 오버시 내가 기존에 선택한 맵으로 돌아온다. 다른 아이템보다 출현 확률이 소폭 낮다.

랜덤 모든 아이템 중 무작위 한 가지 효과가 적용된다.

지속 시간이 있는 아이템은 획득 시 지속시간이 그 만큼 추가된다. 또한 같은 계열의 디버프와 버프가 중첩될 경우, 버프 효과가 적용된다. 예를 들어, 스테이시스 필드 효과와 사이오닉 스톰 효과가 중첩될 경우, 이동 속도는 스톰 효과를 따라 증가되어 적용된다.

V1 패치 긍정적인 게임 플레이 경험을 위해 전반적인 환경 개선 패치를 진행하였다.

1. 로그 수집 범위 확대 이제 DB에 최고 점수가 등록될 때, 각 아이템별 드롭된 숫자, 플레이 타임, 선택한 맵이 추가로 저장된다. 또한 이 중에서 플레이 타임과 선택한 맵은 랭킹에 같이 공개된다.

▲ 메인 페이지(join.php) 화면

2. 게임 가시성 패치 마인과 아이템이 더 잘 보이도록 은은한 발광 효과가 추가되었다. 3맵 전부 배경 이미지가 약간 어두워졌고, 드라군이 움직이는 상태에서도 조금 더 잘 보이도록 움직이는 드라군 이미지에도 그림자가 추가되었다.

▲ 인게임 화면

3. W A S D 이동 추가 이제 방향키 혹은 W A S D 키 둘 중 하나를 선택하여 드라군을 조종할 수 있다.

4. 닉네임 글자 수 제한 메인 화면이 지저분해지는 것을 방지하기 위해 이제 한글 숫자 영어 전부 합해서 10글자가 넘어가는 닉네임은 사용할 수 없다.

▲ 10글자 제한 경고 알람