팀명: 소통의 정원
서비스명: 움직여 Zoo!
개발기간: 2024년 1월 8일 ~ 2월 16일 (7주)
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| 위재원 | 김창희 | 이현민 | 신현기 | 정세진 | 최용훈 |
| Backend 팀장 |
Backend CI/CD |
Frontend | Frontend | Frontend | Frontend |
| API 및 DB 설계 Game Asset 제작 UCC 제작 |
API 및 DB 설계 WebRTC 구현 CI/CD 구축 |
UI/UX 기획 및 설계 Game 개발 Game Asset 제작 디버깅 및 최적화 |
UI/UX 기획 및 설계 Game 개발 Game Asset 제작 사용자 상태 관리 |
UI/UX 기획 및 설계 WebRTC 구현 |
UI/UX 기획 및 설계 사용자 상태 관리 |
기존에도 많은 모션인식 게임이 있습니다.
하지만 기존의 모션인식 게임은 비싼 장비가격으로 일반적으로 즐기기엔 접근성이 좋지 않습니다.
그래서! 저희는 WebRtc와 모션인식 기능을 결합하여 사용자들의 접근성을 높이고자 합니다.
움직여! zoo는 흔히 사용하는 키보드가 아닌 웹캠을 통해 사용자의 움직임을 인식하여 조작하는 신선한 방식의 레이싱 게임입니다.
싱글, 멀티, 아이템 모드와 특색있는 맵을 즐기고 재화를 모아 귀여운 캐릭터를 해금해보세요!
 |
 |
메인화면 회원가입 / 로그인 |
로비화면 사용자 보유 캐릭터 열람 |
 |
 |
상점 재화로 미보유 캐릭터 구매 |
프로필 프로필이미지, 닉네임, 비밀번호 변경 |
 |
 |
싱글 플레이 혼자서 플레이하는 모드 |
랭킹 싱글 플레이 최단기록 랭킹 |
 |
 |
멀티 플레이 다른 사용자와 함께 플레이 |
보상 시스템 결과에 따른 재화 제공 |
펼치기 / 접기
backend
├─main
│ ├─java
│ │ └─com
│ │ └─ssafy
│ │ └─movezoo
│ │ ├─auth
│ │ │ ├─config
│ │ │ │ └─details
│ │ │ ├─controller
│ │ │ ├─dto
│ │ │ ├─sevice
│ │ │ └─util
│ │ ├─friendship
│ │ │ ├─controller
│ │ │ ├─domain
│ │ │ ├─dto
│ │ │ ├─repository
│ │ │ └─service
│ │ ├─game
│ │ │ ├─controller
│ │ │ ├─domain
│ │ │ ├─dto
│ │ │ ├─repository
│ │ │ └─serivce
│ │ ├─global
│ │ │ ├─config
│ │ │ ├─dto
│ │ │ ├─entity
│ │ │ └─init
│ │ ├─openvidu
│ │ │ ├─controller
│ │ │ └─dto
│ │ └─user
│ │ ├─controller
│ │ ├─domain
│ │ ├─dto
│ │ ├─repository
│ │ └─sevice
│ └─resources
└─test
└─java
└─com
└─ssafy
└─movezoo
펼치기 / 접기
movezoo
├─ .gitignore
├─ jsconfig.json
├─ package-lock.json
├─ package.json
├─ README.md
├─ src
│ ├─ App.js
│ ├─ components
│ │ ├─ home
│ │ │ ├─ GoogleLogin.css
│ │ │ ├─ GoogleLoginButton.js
│ │ │ ├─ Loading.js
│ │ │ ├─ Login.css
│ │ │ ├─ Login.js
│ │ │ ├─ Setpassword.js
│ │ │ ├─ Signup.css
│ │ │ └─ Signup.jsx
│ │ ├─ main
│ │ │ ├─ carousel
│ │ │ │ ├─ Carousel.css
│ │ │ │ └─ Carousel.js
│ │ │ └─ profile
│ │ │ ├─ imagechange
│ │ │ │ ├─ ImageChange.css
│ │ │ │ └─ ImageChange.js
│ │ │ ├─ logout
│ │ │ │ ├─ Logout.css
│ │ │ │ └─ Logout.js
│ │ │ ├─ nicknamechange
│ │ │ │ ├─ NicknameChange.css
│ │ │ │ └─ NicknameChange.js
│ │ │ ├─ passwordchange
│ │ │ │ ├─ PasswordChange.css
│ │ │ │ └─ PasswordChange.js
│ │ │ ├─ Profile.css
│ │ │ └─ Profile.js
│ │ ├─ multi
│ │ │ ├─ Back.js
│ │ │ ├─ Back.module.css
│ │ │ ├─ Chat.js
│ │ │ ├─ Chat.module.css
│ │ │ ├─ Map.js
│ │ │ ├─ Map.module.css
│ │ │ ├─ Ready.js
│ │ │ └─ Ready.module.css
│ │ ├─ navbar
│ │ │ ├─ friend
│ │ │ │ ├─ Friend.css
│ │ │ │ └─ Friend.js
│ │ │ ├─ Navbar.css
│ │ │ ├─ Navbar.js
│ │ │ ├─ ranking
│ │ │ │ ├─ Ranking.css
│ │ │ │ └─ Ranking.js
│ │ │ ├─ setting
│ │ │ │ ├─ Setting.css
│ │ │ │ └─ Setting.js
│ │ │ └─ shop
│ │ │ ├─ character
│ │ │ │ ├─ black.png
│ │ │ │ ├─ Character.css
│ │ │ │ └─ Character.js
│ │ │ ├─ Shop.css
│ │ │ └─ Shop.js
│ │ ├─ play
│ │ │ ├─ Cam.css
│ │ │ ├─ Cam.js
│ │ │ ├─ common.js
│ │ │ ├─ data.js
│ │ │ ├─ gameConstants.js
│ │ │ ├─ Main.js
│ │ │ ├─ MyOvVideo.js
│ │ │ ├─ MyOvVideo____.js
│ │ │ ├─ MyVideoComponent.js
│ │ │ ├─ registerServiceWorker.js
│ │ │ ├─ reportWebVitals.js
│ │ │ ├─ stats.js
│ │ │ ├─ UserOvVideo.js
│ │ │ ├─ UserVideo.css
│ │ │ ├─ UserVideoComponent.js
│ │ │ └─ utilities.js
│ │ ├─ room
│ │ │ ├─ Makeroom.css
│ │ │ └─ Makeroom.js
│ │ └─ single
│ │ ├─ Back.js
│ │ ├─ Back.module.css
│ │ ├─ game
│ │ │ ├─ Back.js
│ │ │ └─ Back.module.css
│ │ ├─ Map1.js
│ │ ├─ Map2.js
│ │ ├─ Map2.module.css
│ │ ├─ result
│ │ │ ├─ Back.js
│ │ │ ├─ Back.module.css
│ │ │ ├─ Record.js
│ │ │ └─ Record.module.css
│ │ ├─ Start.js
│ │ └─ Start.module.css
│ ├─ index.css
│ ├─ index.js
│ └─ pages
│ ├─ home
│ │ ├─ Home.css
│ │ └─ Home.jsx
│ ├─ main
│ │ ├─ Main.css
│ │ └─ Main.js
│ ├─ multi
│ │ ├─ game
│ │ │ ├─ MultiGame.js
│ │ │ └─ MultiGame.module.css
│ │ ├─ Multi.js
│ │ ├─ Multi.module.css
│ │ └─ result
│ │ ├─ MultiResult.js
│ │ └─ MultiResult.module.css
│ ├─ room
│ │ ├─ Room.css
│ │ └─ Room.js
│ └─ single
│ ├─ game
│ │ ├─ Game.js
│ │ └─ Game.module.css
│ ├─ result
│ │ ├─ Result.js
│ │ └─ Result.module.css
│ ├─ Single.js
│ └─ Single.module.css
└─ tailwind.config.js
