라이어 게임 프론트 구현-1

[JisuuungKim]

설명

제시어 창
-제시어 확인을 눌렀을 때 만약 사용자가 라이어라면 라이어 표시가 뜨고, 라이어가 아니라면 제시어가 뜬다.

발언하는 창
-발언하는 사람의 캐릭터에 테두리가 들어간다.
-발언종료를 누르면 원래는 발언권이 다른사람에게 넘어가지만, 현재는 멀티플레이를 고려하지 않으므로 바로 투표 팝업으로 넘어가도록 한다.
-투표 팝업은 와이어프레임만 구성한다.

라이어 지목 창
-캐릭터에 마우스를 가져다 놓을 경우(호버링) 캐릭터에 테두리가 들어간다.
-캐릭터를 클릭할 경우 테두리가 생기고 오른쪽 상단의 숫자가 올라간다.

-라이어 지목 이후 화면은 파이어베이스로 데이터를 받아오고, 멀티플레이가 가능해진 후 구현한다.

참고사항

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

out of scope

-멀티플레이는 고려하지 않는다.
-제시어데이터는 임시로 정한다.
-사용자 관련 데이터는 데이터베이스에서 가져올 것이므로 지금은 임의로 정한다.
-발언하는 사람인지 아닌지에 관한 데이터는 임의로 정한다.
-투표 팝업에서 버튼을 눌렀을 때의 변화는 구현하지 않는다.
-투표 결과 팝업은 구현하지 않는다.
-라이어 지목을 모두 완료할 경우 자동으로 화면이 넘어가는 것은 구성하지 않는다.