https://github.com/soonitoon/yoga_guide

AI yoga guide web application
https://github.com/soonitoon/yoga_guide

ai javascript machine-learning ml5 neral-networks p5js tensorflow web

Last synced: about 1 month ago
JSON representation

AI yoga guide web application

• Host: GitHub
• URL: https://github.com/soonitoon/yoga_guide
• Owner: soonitoon
• License: mit
• Created: 2021-05-16T16:56:23.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-07T14:58:49.000Z (almost 5 years ago)
• Last Synced: 2025-03-24T00:28:45.436Z (about 1 year ago)
• Topics: ai, javascript, machine-learning, ml5, neral-networks, p5js, tensorflow, web
• Language: JavaScript
• Homepage:
• Size: 595 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Yoga_guide🧘‍♀️

AI yoga guide web application!

## 프로젝트 소개🎬

- 이 프로젝트는 충북대학교 뇌인지공학 코스인 **인공지능과 기계학습** 수업의 최종 과제물입니다.

- https://soonitoon.github.io/Yoga_guide 이 링크에서 바로 결과물을 확인할 수 있습니다.

- https://youtu.be/jOzXx4OMbMU 이 링크에서 데모 영상을 시청할 수 있습니다.📽

## 어떻게 만들게 되었나요?

1. 저희 팀의 수준과 오픈소스 활용 가능성 등을 고려했습니다.⚙️

아이디어와 포부도 중요하지만 프로젝트의 완성 역시 중요한 고려 사항이었습니다. 아이디어 회의 때부터 구현 가능성을 따져보았고, 그 결과 자세 인식 모델을 활용해 요가 자세를 체크해주는 서비스를 만들게 되었습니다.

2. 어쩌면 가장 중요한 것은 자세.🧘

코로나로 인해 비대면 상황에서 전자기기로 업무 처리를 하는 경우가 많아졌습니다. 그만큼 현대인의 자세 건강에도 적신호가 켜졌는데요, 비싼 요가 학원에 등록하지 않아도 집에서 요가 자세를 코칭받을 수 있는 서비스를 사용자에게 제공하고 싶었습니다.

## 알아두어야 할 사항

1. 프로젝트의 한계로 인해 요가 자세 코칭은 일부 저사양 기기에서 작동하지 않을 수 있습니다.❌

2. 요가 자세를 코칭 받을 때 카메라의 각도나 해상도가 자세 인식 정확도에 영향을 미칠 수 있습니다.📷 권장하는 카메라 각도는 약 90도이며, 16:9 이상의 와이드 비율 해상도에서 가장 잘 작동합니다.

## 어떻게 사용하나요?

#### 메인 페이지

- 프로젝트에 대한 간략한 정보를 보여줍니다.📚

- **요가모드**와 **자세모드** 중에 원하는 모드를 선택할 수 있습니다(자세 모드는 프로젝트에 포함시키지 못했습니다😢).

#### 요가모드

- 원하는 요가 자세를 코칭받을 수 있습니다.

- 현재까지 지원하는 요가 자세는 **"Warrior two"** 와 **"Goddess"** 두 개 입니다.

#### 요가자세별 코칭

- 카메라를 통해 자신의 모습을 거울모드로 볼 수 있습니다(카메라 접근 권한을 허용해주세요).

- 화면의 설명에 따라 자신의 자세를 점검 받으세요.

- 빨간 화면은 준비 단계, 파란 화면은 중간 단계, 녹색 화면은 완벽한 자세를 의미합니다.

## 사용한 라이브러리 & 오픈소스📚

### p5.js

- https://p5js.org

- 프로그래밍 입문자나 다른 분야에서 활동하고 있는 사람들을 위해 만들어진 자바스크립트 라이브러리입니다.

- 사용자의 웹캠 입력을 받고 HTML 위에 캔버스를 그리는 용도로 사용했습니다.

### ml5.js

- https://ml5js.org

- 웹 환경에 친화적인 머신러닝 기술을 제공하는 자바스크립트 라이브러리입니다.

- 텐서플로우의 자세 인식 머신러닝 모델인 PoseNet.js와 인공신경망을 웹 페이지에 적용하기 위해 사용했습니다.