index |
feat/fe_index |
|
|
|
|
|
|
feat/fe_index-login |
login |
로그인 화면 |
ID와 비밀번호 입력 후 요청을 보냄, |
|
|
데이터베이스에 일치하는 정보가 있다면 로그인 성공 없다면 실패 |
완료 |
|
|
|
|
|
|
feat/fe_index-signup |
signup |
회원가입 화면 |
ID, 비밀번호, 비밀번호 확인을 요구 |
|
|
ID는 영문 대소문자 및 숫자로 3~20자 |
|
|
|
|
|
|
비밀번호는 영문대소문자 및 숫자로 8~24자로 입력 |
|
|
|
|
|
|
ID중복체크를 통해 중복되는 ID가 DB에 없다면 DB에 회원을 추가 |
완료 |
|
|
|
|
|
|
feat/fe_index-modeSelect |
modeSelect |
모드 선택 화면 |
SingleMode와 MultiMode 버튼, 그리고 Character Select버튼이 있음 |
|
|
SignleMode-싱글모드 페이지로 이등 |
|
|
|
|
|
|
MultiMode-멀티모드 페이지로 이동 |
|
|
|
|
|
|
Character Select- 스킨 선택 모달 오픈 |
완료 |
|
|
|
|
|
|
feat/fe_index-skinSelect |
modeSelect |
모드 선택 화면의 모달 |
캐릭터 이미지 선택시 각 모드에서 적용될 캐릭터 이미지 변경 |
완료 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
single/singleGame.js |
feat/fe_single |
|
|
|
|
|
|
feat/fe_single-modal |
ui/modal |
싱글모드 게임클리어 알림 모달 |
게임 진행중 Goal 지점 도달 시 Confetti 출력과 동시에 시간정보와 함께 클리어 축하 메시지 표시 |
완료 |
|
|
feat/fe_single-game |
singleGame |
싱글모드 게임 화면 |
끼임상황시의 탈출을 위한 Reset버튼, modeSelect로 돌아가기위한 back버튼 |
|
|
게임 진행 ←,→,spacebar로 동작하며 spacebar 입력시간에 따라 게이지가 늘어나며 space바를 뗀 순간 게이지에 맞춰 점프 구성된 맵을 따라 진행 |
완료 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
multi.js |
feat/fe_multi |
|
|
|
|
|
|
feat/fe_multi-game |
new_multi |
멀티모드 게임 방 생성, 입장 페이지 |
|
|
|
|
feat/fe_multi-find |
findModal |
멀티모드 참가 코드입력 모달 화면 |
방 코드를 입력하고 join버튼 클릭시 해당 입력값과 일치하는 방코드를 가진 방으로 입장, 만약 일치하는 방이 없다면 에러 알림 표시 |
|
|
close 클릭시 모달 닫음 |
완료 |
|
|
|
|
|
|
feat/fe_multi-join |
joinModal |
멀티모드 로비 화면 |
join 버튼 클릭 시 현재 생성되어있는 방중 대기중인 방으로 임의로 입장 |
|
|
만약 public인 대기방이 없을 경우 알림 표시 |
|
|
|
|
|
|
close 클릭 시 모달 닫음 |
완료 |
|
|
|
|
|
|
feat/fe_multi-waiting |
multi/[roomID] |
멀티모드 대기 화면 |
웹소켓으로 구현할 필요가 있음 |
|
|
어몽어스 스타일의 대기화면 |
기능o 디자인o |
|
|
|
|
|
|
feat/fe_multi-create |
createModal |
멀티모드 방 생성 모달 화며 |
라디오 버튼을 통해 private, public설정과 인원수 설정이 가능 |
|
|
create시 입력된 정보에 맞춘 대기실이 생성되며 해당 대기실로 이동 |
|
|
|
|
|
|
close 클릭 시 모달 닫음 |
완료 |
|
|
|
|
|
|
feat/fe_multi-rank |
rank |
멀티모드 랭킹 화면 |
추가 구현 |
추후 구현 |
|
|
|
|
|
|
|
|
multiGame |
feat/fe_multi-game |
|
멀티모드 게임 |
멀티 게임이 진행되는 화면 게임 대기실에서 인원 전원 ready상태에서 게임을 시작 |
|
|
각 플레이어의 정보를 websocket을 활용하여 주고받으며 화면 동기화를 해줌 |
|
|
|
|
|
|
골인지점에 플레이어 도착시 도착한 플레이어 winner로 표시하는 모달 생성 |
완료 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|