/Flow3

Primary LanguageTypeScript

Pattern Games

Server

  • 사용한 언어 : JS, Nodejs, Express
  • DB : Mysql 8.0

Server API

  • REST API

    • Pattern

      Pattern을 추가, 변경, 삭제하는 API

      type ( 3 x 3 인지, 4 x 4 인지를 입력 ), stage number, pattern 등을 입력받아 새로운 패턴을 DB에 넣거나, 특정 stage를 삭제, 수정이 가능하다.

    • List

      Pattern API를 Page의 형태로 구현하기 위한 API

      관리자가 새로운 Pattern을 넣거나 난이도 이슈로 stage 순서를 변경, pattern을 변경 하는 등의 수정사항이 생기면 웹 페이지에서 간단한 입력과 버튼 클릭으로 API를 호출할 수 있도록 만든 API.
      Web Page에 접속해서 관리자 계정으로 로그인하면 모든 stage pattern 정보와 일일 챌린지 패턴 내용을 수정할 수 있다.

    • Ranking

      스피드 모드의 랭킹을 받아온다.

    • Admin

      List Page에 접속하기 위해 관리자 로그인을 하기 위한 API다.

    • Public

      스피드 모드의 패턴 랜덤 생성용 API다.

App

  • 사용한 언어 : React-native, Expo
  • Pattern, Svg, expo-av 등의 module 사용

게임 구성

  • 게임 모드

    • 스테이지

      3 x 3, 4 x 4 형태의 스테이지가 두 가지 존재하며, 서버로부터 패턴을 받아 보여주고, 패턴을 맞추면 다음으로 넘어간다.

    • 스피드 모드

      초급, 중급, 고급 난이도가 존재하며, 일정 시간 내에 패턴을 맞추면 된다. 가면 갈수록 시간이 줄어들며 패턴은 서버에서 랜덤 생성하여 보내준다. 최고 기록 갱신 시, 서버에 요청이 가 자신의 랭킹이 갱신된다.

  • 리더 보드

    • 스피드 모드의 난이도별 랭킹을 확인할 수 있다.

  • 일일 챌린지

    • 하루 한 번 갱신되는 패턴이며, 갱신된 패턴을 맞추면 힌트를 추가로 하나 주는 챌린지다.

  • 힌트

    • 스테이지에서 사용할 수 있으며, 첫 패턴과 방향을 알려준다.