34ruby / Capstone-Front

WebRTC/Mediapipe Web Game

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mafia Game (Fafia)

ゲームページ

캡처 copy

ゲームの紹介

WebRTC技術を通じてモーション認識ができるブラウザゲームです。
人々の間に隠れている「人狼」を探し出すボードゲームの一つで相手の心理を読みながらゲームをします。
韓国では「マフィアゲーム」と呼ばれているので、「Face」の「f」と、「Mafia」の「afia」を合わせて「Fafia」と言います。

ゲームのレポジトリー

https://github.com/34ruby/Mafia [バクエンドのレポジトリー]
https://github.com/34ruby/Capstone-Front [フロントエンドレポジトリー]

使用技術 & 重要機能

Front-end : Nuxt.js, Vuex, tailwind CSS, SCSS
Back-end : NestJS, Redis, MySQL
Server : AWS EC2, Docker, Janus Media Server
Cloud Service : AWS S3 (写真保存)
Module, Library : MediaPipe, Nuxt Socket(Socket.io), sweetalert2, day.jsなど

モーション認識

image image
モーション認識によるゲームができます。

参考動画

https://drive.google.com/file/d/1gAItjfxsiOjlioJd5f3FX9W4inLrGysp/view?usp=sharing

About

WebRTC/Mediapipe Web Game


Languages

Language:Vue 57.0%Language:JavaScript 31.9%Language:SCSS 10.8%Language:CSS 0.2%Language:Dockerfile 0.0%