👉🏻 Pinoco 보러가기

📒 팀 노션   |   🎨 피그마   |   📚 개발 위키   |   📏 그라운드 룰   |   📙 게임 메뉴얼

👋🏻 프로젝트 소개

Pinoco는 친구들과 실시간으로 라이어 게임을 즐길 수 있는 화상 채팅 기반의 웹 애플리케이션입니다.

웹 상에서 P2P로 미디어를 공유하는 기술인 WebRTC를 활용하여 실시간으로 화상으로 진행하는 라이어 게임을 구현했습니다.

심리전이 중요한 게임인 라이어 게임의 재미를 극대화 할 수 있었습니다.

라이어 게임이란?

라이어 게임은 일종의 마피아 게임으로 시민과 라이어 2가지의 역할이 있으며

시민에게는 제시어 / 라이어에게는 주제만 주어집니다.

예를 들어 제시어가 부대찌개면, 라이어는 음식이라는 키워드 / 시민은 부대찌개라는 키워드를 알게 됩니다.

이후 각자의 발언 기회가 주어지는데, 시민은 라이어한테 크게 힌트가 되지 않는 선에서 다른 시민들에게 본인이 시민임을 어필해야 합니다. 라이어는 본인이 시민인 것처럼 행동하고 시민들의 발언을 들으며 제시어를 유추해야 하는 게임입니다.

플레이 방법은 게임 메뉴얼을 참고해주세요 !

🔎 주요 기능

---

📹 실시간 화상 통화

"표정 하나, 말투 하나도 놓치지 마세요 !"

WebRTC 기반의 실시간 화상 채팅으로 심리전의 핵심을 제대로 즐겨보세요 !

라이어 게임의 재미는 디테일에 있습니다. 표정과 말투,

그 속에 숨겨진 진실과 거짓을 실시간으로 읽어보세요.

📹 다중 미디어 장치 설정

다중 미디어 사용자도 원하는 장치를 선택할 수 있습니다.

다중 미디어 장치 설정

📹 미디어 장치 on / off

사용자는 게임 도중 원할 때 비디오 및 오디오 장치를 on / off 할 수 있습니다

미디어 장치 on / off

---

🔑 방 관리

"초대는 간단하게, 재미는 빠르게 !"

방을 생성하고 게임 코드만 공유하면 끝 !

복잡한 과정 없이 친구들을 바로 게임으로 초대할 수 있어요.

🔑 레디 공유 기능

모든 이용자의 준비 상태 유/무를 확인할 수 있습니다.

레디 공유 기능

---

💬 실시간 채팅

"피노코의 한 마디에 무수히 쏟아지는 갈고리 세례 .."

socket.io 로 구현한 게임 중 실시간 채팅으로 심리전을 더욱 풍부하게 즐길 수 있습니다.

실시간 채팅

---

🤹🏻 게임 진행

"매 라운드마다 긴장감과 반전의 연속!"

Pinoco의 게임 진행은 각 페이즈마다 독특한 재미와 긴장감을 선사합니다.

• 🤹🏻 발언 페이즈

  플레이어들은 서로의 발언 속에 숨겨진 단서를 찾아내야 합니다.

  피노코는 진실처럼 들리도록 완벽한 연기를 펼쳐야 하죠.

  "너... 뭔가 이상한데?" 추리와 의심이 난무하는 순간 !

발언 페이즈

• 🤹🏻 투표 및 결과 발표

  이제 모든 플레이어가 서로를 지목하며 심리전을 벌입니다.

  "진짜 피노코는 누구일까?" 오고가는 의심 속에서

  단 하나의 선택이 승패를 가르는 순간, 피노코는 바로 너 !?..

투표 및 결과 발표

---

✨서비스 구조도

각 서버의 용도에 따라 두 개의 인스턴스로 분리하여 운영 중입니다.

Socket.io를 통한 소켓 연결과 게임 로직을 관리하는 게임 서버를 관리하는 인스턴스와

WebRTC 연결을 위한 시그널링, STUN/TURN을 담당하는 서버가 운영되는 인스턴스로 분리하였습니다.

각 서버의 부하를 분리하여 안정성을 높였고, 서버 부하를 명확하게 파악하여 스케일링이 가능한 구조를 고려했습니다.

⚒️ Tech Stacks

분류	기술 스택
공통
FE
BE
배포
협업

🤼 팀원 소개

김태윤	민경준	이찬	한영준
Frontend	Backend	Frontend	Frontend
@Cllaude99	@mssak	@today-is-first	@zizonyoungjun

---