[SpringBoot] 캐릭터 맞히기 게임 사이트 구현하기

최근 유행하는 캐릭터 맞히기 게임을 아이와 함께 즐기다 보니, 흥미가 생겨 직접 만들어보게 되었습니다. 관심 있으신 분들은 한번 참고해보세요! 전체소스는 Github 를 참고해주세요. SpringBoot + Thymeleaf + MariaDB 로 작성되었습니다.

 

주요 기능

• 일반 모드: 10문제, 20문제, 50문제 중 선택하여 플레이 가능
• 데스매치 모드: 제한 시간과 목숨을 두고 도전하는 스릴 있는 게임 모드
• 공부하기 모드: 게임을 즐기면서 캐릭터에 대해 학습할 수 있는 기능
• 랭킹 시스템: 사용자들의 기록을 기반으로 랭킹을 조회하는 기능
• 메뉴 및 문제 등록: 게임에 사용할 캐릭터와 문제들을 자유롭게 등록 가능

 

1. 메인화면

• 게임을 선택할 수 있는 메인 화면입니다. 원하는 만화를 선택하여 게임을 진행할 수 있습니다.

 

2. 게임모드 선택 화면

• 게임 모드를 선택할 수 있는 화면입니다. 게임을 즐기기 전 공부하기를 통해 문제를 미리 접할 수 있습니다.

 

3. 일반모드 화면

• 문제 이미지가 표시되고, 확인버튼 또는 Enter 버튼을 눌러 정답을 확인합니다. 

 

4. 데스매치모드 화면

• 데스매치 모드는 일반모드와 방식은 같으나, 시간과 목숨안에 정답을 맞춰야 합니다. 성공한다면 랭킹을 등록할 수 있습니다. 

 

5. 랭킹보기 화면

• 각 게임별로 20위까지의 랭킹이 표시됩니다.

 

6. 공부하기 화면

• 등록한 문제를 확인할 수 있는 공부하기 화면입니다. Zoom-In 기능도 포함되어 있습니다.

 

7. 어드민 화면

• 어드민 페이지로 디자인은 신경쓰지 않았습니다! 간단하게 문제를 등록할 수 있는 화면입니다.

 

해당 프로젝트는 NCP 를 통해 아래 URL 에 배포하였으나, 무료 크레딧이 모두 소모되면 폐쇄할 예정이니 참고부탁드립니다. 감사합니다.
게임할 수 있는곳 : http://211.188.48.47:1121/