•
그래픽 구현은 픽셀로
1. 스플래쉬
2. 로그인 페이지
•
구글 로그인
•
카카오 로그인
1.
Output
a.
accessToken
b.
이메일
c.
닉네임
d.
친구 목록
→ 이후 로그인 상태
3. 회원가입 페이지
•
회원가입 component
1.
Output
a.
accesstoken(서버를 판별해주는 토큰 ‘asf3424870fasdad3490e023432eesffsdf’)
로그인 상태에서 계속 갖고 있어야 함
a.
이메일
b.
닉네임
c.
친구 목록(처음 회원가입 시엔 친구가 없기에 빈 배열을 보내줌)
→ 바로 로그인
•
회원가입
◦
닉네임
4. 메인 페이지(지구)
회원 자신의 행성을 보여주는 페이지
•
본인 캐릭터+ 행성들 구현
•
처음에 몇 가지 맵 중 랜덤으로 배정
•
캐릭터 설정
◦
표정 설정 (감정 표현)
•
방명록
•
알림 → 글 형태보단 유도하는 방향
◦
공지 → 게시판
◦
친구 추가
◦
대화
◦
박물관 → 느낌표, 말풍선, … ⇒ 페이지 이동해서 확인 가능하도록
4-1. 박물관 페이지
•
박물관
◦
나의 상태 → 게시물 올리기 (사진, 동영상 첨부 가능)
◦
댓글/좋아요 같은 반응
◦
게시물 하루에 한 개로 제한
5. 행성 페이지
각각의 npc / 친구들 존재하는 행성들을 전체적으로 보여주는 페이지
•
행성 클릭→ 각각의 npc존재
•
챗봇(AI) 7개(수금화목토천해)
◦
대화하면 열림
•
친구 추가(쌍방)
◦
친구 수 제한 (10)
npc a // → npc b → npc c // -..→ (8개) ⇒ 70
•
박물관
◦
나의 상태 → 게시물 올리기 (사진, 동영상 첨부 가능)
◦
댓글/좋아요 같은 반응
5-1. 1:1 대화 페이지 (모달)
: npc 클릭 시 띄워지는 대화창 모달
•
1:1 대화 시스템
◦
친구/npc
◦
채팅창 → 모달로 띄우고 X버튼 or 모달 밖 화면 클릭시 자동 저장, 대화종료
6. 설정 페이지
내 가입정보를 수정할 수 있는 페이지
•
설정
◦
닉네임 변경
◦
로그아웃
◦
탈퇴