WAK Game

실시간 대규모 선착순 웹 게임 🔫

💻 프로젝트 개요

서비스 이름

WAK Game - Win Alive with Clicks

프로젝트 멤버

윤서안(FE), 곽민우(BE), 김라연(BE), 김이현(BE), 김한슬(BE), 조형준(BE)

프로젝트 기간

2024.04.09 - 2024.05.19 (6주)

기획 및 설계 2024.04.09 - 2024.04.19 (2주)

기능 구현 2024.04.22 - 2024.05.19 (4주)

배포 사이트

wakgame.com

✨ 서비스 소개

WAK Game은 선착순 웹 게임 서비스로 많은 인원이 매우 간단한 규칙으로 참여할 수 있다는 것이 특징입니다!

기획 의도

인플루언서 또는 어떤 개인이 추첨 이벤트를 진행하려고 할 때 인터넷 방송 플랫폼이나 카카오톡에서 제공하는 기능을 주로 사용합니다. 하지만 이는 단순히 랜덤 또는 선착순 방식이기 때문에 재미 요소가 부족하다고 생각했습니다.

따라서 인플루언서의 시청자들, 또는 개개인이 능동적으로 재미있게 참여할 수 있는 추첨 이벤트 서비스를 기획하고자 했고, 여기서 새로운 게임을 통한 방법을 생각해냈습니다.

게임 방법

게임이 시작되면 참가한 플레이어들의 이름과 도트가 화면에 랜덤으로 보이게 됩니다.
- '닉네임 가리기' 모드를 선택할 경우 플레이어 이름이 표시되지 않으며 상대를 특정할 수 없습니다.
마우스로 플레이어의 도트를 클릭하여 상대를 제거할 수 있습니다.
플레이어 한 명이 남으면 라운드가 종료되며 게임은 총 3라운드로 진행됩니다.
상대를 가장 많이 제거한 플레이어가 우승합니다.

기능

별도의 회원가입 없이 닉네임을 입력하여 로그인할 수 있습니다.
닉네임마다 랜덤으로 고유한 색깔을 부여받고 이는 화면에 계속 표시됩니다.
로비, 대기실, 게임 화면에서 채팅을 할 수 있습니다.
로비 화면에서 생성된 방들을 확인하고 입장할 수 있습니다.
호스트는 방 제목, 인원, 비밀 방 여부를 입력하고 방을 생성할 수 있습니다.
방에 입장하면 대기실 화면으로 이동하며 참가한 플레이어 목록을 확인할 수 있습니다.
호스트는 대기실에서 닉네임 가리기 모드 여부, 1라운드의 도발 멘트를 입력할 수 있습니다.
도발 멘트는 게임이 진행되는 동안 상단에 보여지며, 1라운드를 제외하고 각 라운드의 우승자가 입력할 수 있습니다.
대기실에서 게임 방법을 확인할 수 있고 호스트가 게임 시작 버튼을 누르면 5초의 카운트다운 후 게임이 시작됩니다.
게임이 진행되면 킬로그에서 누가 누구를 공격했는지 실시간으로 확인할 수 있습니다.
실시간 랭킹을 제공하여 누가 순위권에 오르는지 바로 확인할 수 있습니다.
하나의 라운드가 종료되면 게임 시간, 생존 시간, 라운드 랭킹, 제거한 플레이어 수, 나를 제거한 플레이어의 닉네임 등의 결과를 확인할 수 있습니다.
결과 확인 화면에서 30초의 카운트다운 후 다음 라운드가 자동으로 시작됩니다.
게임이 종료되면 최종 결과를 확인할 수 있습니다.

🌈 스크린샷


시작 화면 및 닉네임 입력	게임 로비 및 전체 채팅


방 만들기	방(대기실)에서 게임 방법 확인


방 입장(방장 시점)	방 입장(참가자 시점)


방 채팅	게임 시작


게임 진행 화면(생존)	게임 진행 화면(죽음)


라운드 결과 화면	닉네임 가리기 모드

🌞 멤버 소개

프로필


윤서안 Front-end	조형준 팀장 / Back-end	곽민우 Back-end	김라연 Back-end	김이현 Back-end	김한슬 Back-end

역할

주요 기능	설명	FE 담당	BE 담당	INFRA 담당
인증	JWT 기반 인증	🐹윤서안	🦝김라연 🐱김한슬	🐵곽민우
게임	웹소켓 기반 실시간 게임	🐹윤서안	🦝김라연 🐱김한슬	🐵곽민우
채팅	Redis Pub/Sub 기반 채팅	🐹윤서안	🐷조형준 🐰김이현	🐵곽민우