📌 프로젝트 소개

• 깸 (GGAME)
  • 어색함을 깨다 + Game
  • 인공지능을 활용한 신체 인식 게임
  • 아이스 브레이킹 활용 게임 / 개인 게임
  • 스포츠 + 게임 + 새로운 조작 방법

👩🏻‍💻 시연

• (메인페이지 → 싱글 게임 → 멀티 게임) 순서

• 게임

  Html Canvas를 통해 2차원 게임 로직을 구성하고 인공지능 모델을 통해 새로운 게임 플레이 제공합니다.

  • 싱글 플레이(뱀 사과 게임)
    • tensorflow teachable machine을 이용하여 개인이 상하좌우를 움직일 모션을 학습시키고, 그 모션에 따라 뱀이 방향을 이동하도록 설계하였습니다.
    • 학습 이후 모션을 확인하기 쉽도록 학습 시 웹캠 화면이 캡쳐되어 보여집니다.
    • 게임 오버 시 서버와의 통신을 통해 싱글 플레이 랭킹을 불러오고, 사용자의 점수가 랭킹에 추가됩니다.
  • 멀티 플레이
    • 웹소켓을 이용하여 클라이언트와 서버의 양방향 통신을 통해 멀티플레이어 게임을 구현할 예정입니다.
    • express.js를 통해 웹소켓 서버를 구성하였습니다
    • 현재 방을 구성하고 방에 입장한 사람끼리만 데이터가 브로드캐스팅 되도록 설계하였고 이 후 멀티플레이 게임을 하기 위해서 필요한 게임 데이터, 캔버스 렌더링, 토너먼트 알고리즘 등을 구현할 예정입니다.

📆 향후 계획

• 유저간 랭킹 집계
• 마이페이지에서 자기 기록과 업적 확인
• 토너먼트 대진표
• UI 개선