Ditto Academy — Shape Matching Game

카메라 포즈와 점·선분 편집으로 메타몽의 변신을 완성하는 ThorVG 웹 게임입니다.

ThorVG

• @thorvg/webcanvas로 게임의 메타몽 도형, 윤곽선, 편집 점, 성공 변신 연출을 렌더링합니다.
• MediaPipe 랜드마크를 포즈·손·얼굴 입력으로 사용하고, PNG 알파 윤곽선을 정답 실루엣으로 분석합니다.

플레이 방법

1. 변신 수업 카드에서 포켓몬을 고릅니다.
2. 전신·손·얼굴 입력 중 하나를 선택해 10초 동안 포즈를 캡처합니다.
3. 30초 안에 점과 선분을 편집해 실루엣을 맞춥니다.
4. 성공하면 포켓몬으로 변신하고 TP를 획득합니다.

실행

npm install
npm run dev

빌드 및 GitHub Pages

npm run build

빌드 결과물은 dist/에 생성됩니다. GitHub Pages 배포에서는 이 폴더를 정적 사이트 산출물로 업로드합니다.

프로젝트 상세

• ThorVG 해커톤 발표 자료 다운로드