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

데스크탑 플레이 화면

모바일 UI 화면