프로젝트 배경
1) 프로젝트 배경
모바일 온라인 게임의 클로즈드 베타 출시까지 반년 정도 앞둔 촉박한 일정에서 기존 2인 개발팀에 합류하여 UI/UX 및 온라인 동기화 파트를 담당하여 프로젝트를 진행하였습니다.
2) 프로젝트 목표
UI/UX 디자인과 애니메이션을 React를 이용하여 정확하게 구현하고, 그 외의 파트에서도 다른 개발팀원을 직접 서포트하거나 컨설팅을 제공하여 베타버젼 출시 일정을 맞출수 있도록 하는것을 목표로 하였습니다.
프로젝트 상세
1) 포트폴리오 소개
설치 과정없이 웹사이트에 접속하여 플레이 할 수 있는 멀티플레이어 온라인 게임을 개발하는 프로젝트에 참여하였습니다.
2) 작업 범위 및 주요 업무
본인 포함 3인 개발팀의 외주 파트너로 참여하여 주로 UI/UX 파트, 즉 게임 플레이와 별개로 메뉴를 탐색하며 플레이할 지도 및 이벤트를 선택하고, 장비 및 코스튬을 착용하고, 사용 스킬을 설정하고, 상점에서 아이템을 구매하는 등의 활동을 하기 위한 React 컴포넌트를 개발하는 역할을 수행하였습니다. 또한 서버 파트에서 멀티 유저들간의 동기화를 부드럽게 구현하기 위한 로직을 설계 및 개발하였고, 백엔드 구조 설계 등에 있어서도 컨설턴트로 참여하였습니다.
3) 주안점
디자인 파트에서 만든 UI 페이지 및 컴포넌트들을 상호작용 가능한 형태로 구현하되, 펼치고 접거나 화면전환 등에 있어 애니메이션이 적용되어야 하므로, 평면 형태의 디자인을 입체적으로 재구성 하는데 노력을 들였습니다. 또한 온라인 동기화가 부드럽게 이루어지도록 시간차가 있는 위치 정보들을 내삽(interpolation) 하거나 예측하여 외삽하는 로직을 만드는데 주안점을 두었습니다.

데스크탑 플레이 화면

모바일 UI 화면