Skip to content

화면 구성

Jun edited this page Nov 1, 2023 · 26 revisions

화면 구성

figma를 통해 화면 구상을 하였다. Project를 통해 프로젝트를 관리하였다. wiki에 회의록과 기획 및 참고 및 사용한 것들을 링크로 연결해놨다.

로딩씬

게스트 모드로 참여할 것인지, 회원 자격으로 참여할 것인지를 선택합니다.

스크린샷 2023-10-09 오후 3 21 54
  • 로그인: 개인 계정을 만들어 앱이 삭제되더라도 게임 데이터와 계정 정보를 저장이 되기 위해 구현됨
  • 게스트 모드: 앱이 삭제되더라도 게임 데이터와 계정 정보를 저장을 희망하지 않는 사람들을 위해 구현됨, 추후 회원 가입을 통해 데이터를 옮길 수 있다.
  • 그 외: 사운드 관리와 언어 관리, 플레이어 데이터 관리를 하며 이 데이터들은 게임을 종료되어도 저장이 된다.
  • 만약 플레이어가 로그인을 했다면 로딩씬은 1초 뒤 혹은 클릭을 통해 홈씬으로 이동된다.

홈씬

인공지능과 플레이할 것인지, 와이파이 연결로 플레이할 것인지, 기기 하나로 플레이할 것인지 선택합니다.

스크린샷 2023-10-09 오후 2 31 46
  • 로컬 모드 (Play with Friends): 로컬 모드란 한 모바일 기기로 두 플레이어가 대전하는 모드이다.
  • 멀티 모드 (Play with Others): 멀티 모드란 같은 wifi 내에 있는 플레이어 끼리 대전하는 모드이다. 홈에서 멀티 모드 이전에 플레이어 찾는 씬으로 이동할 수 있다.
  • 싱글 모드 (Play with AI): 싱글 모드란 AI와 플레이를 할 수 있는 모드이다. 홈에서 싱글 모드로 가기 이전에 AI의 난이도를 설정할 수 있다.
  • 옵션: 옵션을 통해 배경 음악, 효과음, 언어, 진동 등을 설정할 수 있으며, 튜토리얼을 살펴볼 수 있다.
  • 프로필: 프로필을 통해 현재 내 전적을 살펴볼 수 있으며, 프로필 편집 혹은 회원 가입과 로그 아웃을 할 수 있다.

옵션씬

BGM의 소리, 사운드 효과의 소리, 진동의 유무, 사용할 언어를 선택할 수 있습니다.

스크린샷 2023-10-09 오후 2 32 26
  • 사운드: 배경 음악과 효과음을 조절할 수 있다.
  • 진동: 진동을 키고 끌 수 있다.
  • 언어: 한국어와 영어를 지원한다.
  • 튜토리얼: 쿼리도 플레이 규칙에 대한 설명이 적혀 있으며, 언어 선택에 맞춘 튜토리얼을 보여준다.

프로필

나의 프로필에서 전체 등수를 확인하거나 아이디 및 프로필 사진을 변경할 수 있습니다.

스크린샷 2023-10-09 오후 2 32 47
  • 프로필: 상대방에게 보이는 내 프로필상의 사진을 갤러리 앱에서 가져올 수 있다.
  • 게스트 모드일 경우 회원가입을 할 수 있으며, 이미 로그인된 상태라면 로그아웃이 가능하다.
  • 로그인된 상태에서 닉네임을 수정할 수 있다.
  • firebase를 통해 회원 가입 및 로그인, 프로필 DB를 관리하고 있다. 즉, 이메일과 비밀번호만 관리
  • SQL Server를 통해 인 게임 데이터 저장한다. 즉, 이메일을 통해 게임 전적과 프로필 사진, 닉네임 저장

회원가입 혹은 로그인

회원 모드로 참여하려면 회원가입을 하고 로그인합니다.

화면 화면

  • 회원 가입: 이메일과 비밀번호으로 회원가입이 가능하다. 회원 가입을 원치 않는 경우 게스트 모드로 전환이 가능하다.
  • 로그인: 이미 회원 가입이 되어 있으면 로그인을 통해 홈씬을 이동할 수 있다.

게임 플레이 공통

게임의 기본 구성입니다.

화면

  • 하나의 게임 플레이 씬을 통해 아래 모드에 맞게 수정됨
  • 플레이어의 혼동을 막기 위해 회전을 막아두었다. 즉, 오로지 세로 정방향으로만 플레이가 가능하다.
  • 보드 게임 쿼리도를 모바일로 이식한 게임이다.
  • 게임 핵심 아이디어를 통해 자세한 내용을 살펴볼 수 있다.
  • 게임 플레이 시 상대방의 프로필을 볼 수 있으며, 감정 표현도 가능하다.
  • 게임이 끝나면 해당 게임의 복기가 가능하다.

로컬 모드

하나의 기기에서 친구와 함께 플레이할 수 있습니다.

스크린샷 2023-10-09 오후 2 34 42

화면

  • 하나의 모바일로 상하에서 돌아가며 플레이할 수 있다.

싱글 모드

혼자서 인공지능과 대결할 수 있습니다.

화면 화면

  • AI는 Monte Carlo 방식을 따르며 Python으로 제작되었다.
  • AI는 총 4개의 단계로 나누어 진다. 단계 별로 AI가 탐색하는 깊이가 달라진다.
  • AI 슈도 코드에 대한 설명이다.

멀티 모드

같은 와이파이에 연결된 사람이라면 누구든 함께 플레이할 수 있습니다.

화면 화면

  • 회원 정보 관리는 Spring을 사용하였다.
  • 유니티의 Mirror를 통해 멀티 모드를 제작되었다.
  • 멀티 모드 플레이 이전 같은 wifi 내에 있는 플레이어를 검색하여 상대방을 찾고 선택하여 대전을 신청할 수 있다.
    • 같은 와이파이 내에 여러 플레이어가 있을 경우 원하는 플레이어와 대전할 수 있도록 기획했습니다.
    • 로그인을 한 회원이든 게스트 모드의 사람이든 상관없이 서로 플레이가 가능하다.

🏠 Home

📄 Meetings

📝 Plans

🫂 Members

🌐 Reference

Clone this wiki locally