gif, image 때문에 렌더링 속도가 조금 느립니다..조금만 기다려주세요!!

동료들과 함께 즐길 수 있는 그림&이미지 기반 게임 웹 서비스

📜 목차

• ☀️ 서비스 개요
• 🗓️ 개발 기간
• ⭐ 주요 기능
• ⚙️ 아키텍처
• 🖼️ 포스터
• 👥 팀원
• 📹 시연 영상
• 🗓️ 리팩토링 기간

☀️ 서비스 개요

• Game1 : 다른 키워드를 받은 스파이의 그림을 찾아라!
• Game2 : 각자 자신이 올린 사진을 AI를 활용해 틀린그림찾기를 해보자!

🗓️ 개발 기간

2024년 6월 27일 ~ 2024년 7월 27일 (약 4주)

⭐ 주요 기능

메인 화면

행성 클릭으로 게임에 진입할 수 있습니다 / URL를 친구들에게 전송하여 함께 게임을 즐길 수 있습니다.

Game1

1-1. 키워드 확인 후 그림그리기

• WebRTC를 활용한 영상&음성
• WebSocket을 활용한 캔버스 공유

1-2. 참여자의 음성말고도 관전자들끼의 캔버스 소통 요소 추가

2. 투표하기

3. 결과창

Game2

1. AI 이미지 생성을 활용한 새로운 이미지 생성

2. 틀린그림찾기 진행

3. 맞춘 여부 & 남은 기회로 점수를 부여 후 랭킹 출력

⚙️ 아키텍처

Application

CI/CD

Architecture

🖼️ 포스터

👥 팀원

• 김광윤(팀장): 로그인, 이미지 생성 AI, AI 서버 관리
• 김채윤: UX/UI, Canvas, Animation CSS, zustand
• 박현민: 게임 관련 API 설계, Socket 관련 Room 설계, �socket.io & nestjs, CI/CD, S3, CloudFront
• 차성욱: UX/UI, OpenVidu, Canvas, zustand,

📹 영상

• 시연 유튜브 링크
• 발표 유튜브 링크

🗓️ 리펙토링 기간

2024년 7월 29일 ~ 2024년 8월 1일

ERD

• https://www.erdcloud.com/p/49gkRcrtAwkbnxAfh