markchck / GGMM

정글 나만의무기 만들기 - 그게몸말?

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🤷‍♀️그게몸말?🤷‍♂️ ( 몸으로 말해요 화상 웹 게임 )

메인화면

그게몸말 소개 및 시연 영상🎞🎞

https://www.youtube.com/watch?v=SDogkTxsKTo

게임 소개😃

코로나가 장기화 되면서, 집콕의 방식도 변화하고 있습니다. 친구들과 랜선 술먹방을 해보신 경험이 있으실까요? 이야기만 하기 지루하지 않으신가요? 그냥 몸으로 말해요와 뭐가 다르냐구요? 카드뒤집기 미니게임으로 스페셜 아이템을 획득하고, 아이템을 활용하여 상대방을 방해해보세요!

프로젝트 기간 😉😉

2022.12.22 ~ 2023.01.31 (5주)

그게몸말 게임 화면👨‍👨‍👧‍👧👨‍👨‍👧‍👧

카드뒤집기 미니게임

카드뒤집기 게임을 통해서 더 많은 보물을 찾아낸 팀에게 강력한 셔터 아이템이 주어집니다. 셔터

셔터 아이템

셔터

4분할 아이템

4분할

미러 아이템

미러

여러 아이템 조합

데칼코마니,4분할

데칼코마니,모자이크

주요 기능🐱‍🏍🐱‍🏍


  • 주요 기능 :
    • 실시간 통신: webRTC 기술을 사용하여 여러 사람들이 이용하는데 강점이 있는 SFU 방식의 OpenVidu로 실시간 통신을 구현
    • 다양하 게임 아이템: 셔터, 4분할, 데칼코마니 등 다양한 영상 기능을 통해 상대팀의 점수 획득을 저지하여 기존 게임과는 다른 재미를 추구
    • 카드 뒤집기 게임: 멀티 커서를 구현하여 6명이 아이템을 얻기 위한 실시간 카드 뒤집기 게임을 플레이

개발 환경🖥️🖥️


  • AWS EC2 (t2.medium)
  • Ubuntu (20.04 LTS)
  • OpenVidu (2.25.0)
  • React (17.0.1)
  • Zustand (4.3.1)
  • Node express (4.18.1)
  • MongoDB (4.2.21)

Deploy하는 방법👩‍💻👨‍💻

https://markchck.notion.site/Deploy-GGMM-1299a1f61c5c4dada8f51d3f1928aa5a

서비스 아키텍처📕📕


아키텍처

기술적 챌린지🤔🤔


타이머가 클라이언트 별로 다르게 돌아가는 문제

타이머오류

카드를 하나만 뒤집었는데 복수로 점수가 증가하는 문제

레이스컨디션

CPU 사용률이 최대 45%까지 증가하는 문제

서버과부화

그외 기술적 챌린지

https://markchck.notion.site/c8ee95c8824943f388ff3a07171a8a8b

EC2 포트 정리😉😉


PORT 이름
22 SSH
80 HTTP
443 HTTPS
3478 STUN/TURN
40000-57000 KMS
57001-65535 TURN
27017 MongoDB

포스터🙌🙌


그게몸말_포스터_최종_수정본 pdf 2023-02-01 23-11-09

팀원

기재민(Team Leader) junho github badge - 프록시 설계, RTC서버 구축


문규성(Backend) github badge - 미니게임 구현, 서버 구축, DB 구축


조성범(Backend) github badge - DB구축, Rest api 설계


신치우(Frontend) github badge - 아이템 구현, 멀티 커서 구현, 비디오 뮤트 구현


박경준(Frontend) github badge - 게임 루프 설계, 동시성 구현

About

정글 나만의무기 만들기 - 그게몸말?


Languages

Language:JavaScript 76.4%Language:CSS 21.7%Language:HTML 1.2%Language:Shell 0.4%Language:Dockerfile 0.2%