Coder Social home page Coder Social logo

ggmm's Introduction

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

메인화면

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

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 - 게임 루프 설계, 동시성 구현

개인 포트폴리오 : (https://n2verstop.notion.site/n2verstop/GGMM-62327d07e8fa4fbf8c035ea75ee1588f)

ggmm's People

Contributors

markchck avatar jungyeongp avatar chiwoo-shin avatar ngngs avatar funnyjoe0317 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.