대기실 페이지

[JisuuungKim]

설명

참가자들이 게임을 하기전 대기하는 페이지를 구현한다. 참가자의 인원은 1-6명이다. 가운데 네모박스에는 선택한 게임을 보여준다. 게임을 선택하기 전까지 박스 안에는 '게임을 선택해주세요!' 가 쓰여져 있다.

• 방장의 화면에서 보여지는 대기실을 기준으로 한다.(게임선택과 시작 버튼 존재)
• 베스트 메뉴보기 버튼을 누르면 베스트 메뉴 팝업이 뜬다.
• 베스트 메뉴 안의 캐릭터는 와이어프레임의 캐릭터png를 가져다 쓰도록 한다.
• 인원이 6명미만일 경우에도 메뉴판의 비율을 고려하지 않는다. 빈 곳은 비워둔다.
  (ex) 인원이 5명일 경우 6등칸은 비워둔다.
• 링크로 초대하기를 클릭하면 링크가 클립보드에 복사되도록 한다.
• 다른방 찾기 버튼을 누르면 다른방 찾기 팝업이 뜨도록 한다.
  -게임선택 버튼을 누르면 게임선택 팝업이 뜨도록한다.
  -게임선택 팝업에서 게임을 선택하기 전까지는 선택하기 버튼이 비활성화 되어 있다. 게임을 선택할경우 선택하기 버튼이 활성화 된다.
  -게임선택 팝업에서 각 게임의 오른쪽 상단 i 버튼을 누르면 게임설명이 뜨도록 한다.
  -게임을 선택하기전에는 시작 버튼이 비활성화 되어 있다. 게임을 선택완료 할 경우 시작 버튼이 활성화 된다.

참고사항

와이어프레임(사진 참고할 것)
https://www.figma.com/file/tXhmEaYceqzuFAAbknzhKs/Nogari?node-id=115%3A1869

out of scope

-다른 방 찾기 팝업에서 '나갈래' 버튼을 눌렀을 때 다른 화면으로 넘어가는 것은 구현하지 않는다.
-감정표현 관련된 것들은 구현하지 않는다.
-테이블에 뜨는 게임일러스트는 임의로 정한다.
-시작버튼을 눌렀을 때 게임이 시작되는 것은 구현하지 않는다.
-게임설명은 임의로 간단하게 넣는다.