voiceflow

소리와 몸짓으로 직접 참여하는 아케이드 게임들🎮🕹

라이브러리: face-api.js, react-speech-kit

🛠기능

🎤속담 이어말하기

음성인 텍스트 변환을 활용하여 속담을 이어 말합니다.

• react-speech-kit를 이용한 음성인식 텍스트변환 기능
• 맞춘 후 점수는 1~100점 랜덤으로 합산
• 문제 pass 3번 가능

😳직접 움직여라! 참참참

얼굴방향을 감지하여 참참참게임을 합니다

• face-api.js를 활용해 왼쪽, 오른쪽 얼굴면을 감지

🥨냠냠쩝쩝 과자이름 맞추기

음성인 텍스트 변환을 활용하여 과자이름을 맞춥니다.

• react-speech-kit를 이용한 음성인식 텍스트변환 기능
• 문제 pass 3번 가능

✏점수입력

• 정규표현식으로 전화번호 형식인지 확인
• 점수 입력 후 mongoDB에 데이터 삽입

📃각 게임 등수

• local storage에 저장된 점수와 게임 정보를 바탕으로 내림차순 정렬

🎞게임화면

메인화면	게임선택	점수입력	각 게임 등수

속담이어말하기

튜토리얼	인게임	인게임

직접 움직여라! 참참참

튜토리얼	인게임	인게임

냠냠쩝쩝 과자 맞추기

튜토리얼	인게임	인게임

🙋‍♀️팀원