jeiea/landmarks-client

게임 화면

Opened this issue · 0 comments

jeiea commented

로딩 화면

메인 화면에서 게임 버튼을 누른 후 처음 문제 정보를 가져올 때까지 대기한다. 로딩이 끝나면 준비 화면으로 넘어간다.

구현 사항

  • 애니메이션 추가
  • 로딩이 끝난 후 준비화면으로 넘어가기

디자인

민주한테 요청함

리소스 파일

game_loading_gif

바탕색 : #C2F2FF

roma-1670427_1280
1

준비 화면

스테이지를 시작하기 전에 사용자의 시작 신호를 기다린다.

구현 사항

  • 레이아웃 구현
  • 진행 버튼을 눌러 게임 시작
  • 나가기 버튼을 눌러 종료

디자인

민주한테 요청함
default

리소스 파일

민주한테 요청함
게임준비화면 리소스.zip
버튼.zip

위치 맞히기 퀴즈 화면

사진 하나를 제시하고 맵뷰에서 위치를 입력받는다.

구현 사항

  • 레이아웃 구현
  • 제한시간에 맞춰 상단의 막대가 줄어든다
  • 터치한 맵뷰 지점에 마커로 표시한다
  • 맵뷰 터치 시 마커를 표시할 때 애니메이션을 보여준다
  • 마커를 다시 터치하면 답안으로 확정하고 채점화면으로 넘어간다.
  • 다른 지점을 터치하면 기존 마커를 지우고 마커를 다시 표시한다.
  • 제한 시간이 지나면 채점화면으로 넘어간다.

디자인

민주한테 요청함

리소스 파일

민주한테 요청함

사진 맞히기 퀴즈 화면

맵뷰에서 제시한 위치에 있는 사진을 맞힌다

구현 사항

  • 레이아웃 구현
  • 제한시간에 맞춰 상단의 막대가 줄어든다
  • 하단에 제시한 사진 중 하나를 터치해 가답안 표시를 한다
  • 가답안 사진을 터치하면 답안으로 확정하고 채점화면으로 넘어간다
  • 가답안 사진이 있는 상태에서 다른 사진을 터치하면 가답안을 변경한다
  • 제한 시간이 지나면 채점화면으로 넘어간다.

디자인

민주한테 요청함

리소스 파일

민주한테 요청함

채점 화면

이전에 푼 퀴즈 하나의 정답을 제시하고 획득한 스코어를 알려준다

구현 사항

  • 레이아웃 구현
  • 획득한 총 점수를 갱신한다
  • 이번에 획득한 점수를 알려준다
  • 이번에 획득한 점수를 보여줄 때 애니메이션으로 표시한다
  • 위치 맞히기 퀴즈에서 넘어왔을 경우 차이 거리를 표시한다
  • 아몰랑 이미 구현한 거 적기 귀찮다

디자인

민주한테 요청함
12

리소스 파일

민주한테 요청함
game_custom_infowindow

_
_

2
1

_1
_1

종료 화면

스테이지를 통과하지 못했을 때 그때까지 푼 문제 정답 사진들을 제시하고 종료하게 한다.

구현 사항

  • 종료 버튼으로 메인 화면으로 돌아간다
  • 재시도 버튼으로 게임을 다시 시작한다
  • (정답 사진 목록을 보여준다)
  • 관련 사진 보기
    • 정답 사진 하나의 관련 사진 아이콘을 터치한다
    • 서버에서 해당 지역 근처의 사진을 받아와 다이어리 조회 화면으로 보여준다
  • 관련 다이어리 보기
    • 정답 사진 하나의 관련 다이어리 오이콘을 터치한다
    • 서버에서 그 사진이 포함된 다이어리를 받아와 다이어리 목록 화면으로 보여준다

디자인

민주에게 요청함
image

리소스 파일

게임종료화면.zip