ミッキーラッキーウィスキーゲーム

朝礼時の笑顔練習をゲーム化したWebアプリケーションです。 カメラで表情をリアルタイム解析し、笑顔のスコアを判定します。

GitHub Pages: https://tcf775.github.io/miraukky/

概要

「ミッキー！ラッキー！ウィスキー！」の掛け声に合わせて笑顔を作り、カウントダウン後に自動撮影。3回の撮影で笑顔スコアを評価するブラウザゲームです。

• ブラウザだけで動作（サーバー不要）
• 撮影画像はブラウザ内のみで処理され、外部に送信されない
• リアルタイム感情分析による応援メッセージ表示

システム概要

処理フロー

1. カメラアクセスを許可 → face-api.jsのモデルをロード
2. スタートボタン → 掛け声音声を再生
3. カウントダウン（3, 2, 1）→ 自動撮影
4. face-api.jsで表情を分析 → スコア算出
5. 3回撮影後、合計スコアで評価（Excellent / Good / Try Again）

ファイル構成

miraukky/
├── docs/                          # アプリケーション本体（GitHub Pages公開ディレクトリ）
│   ├── index.html                 # メインページ（HTML + CSS + ゲームロジック）
│   ├── face-detection.js          # 顔認識処理
│   ├── js/
│   │   ├── emotion-support.js     # リアルタイム感情分析・応援メッセージ
│   │   └── support-messages.js    # 応援メッセージ定義
│   ├── css/
│   │   └── support-animations.css # 応援メッセージのアニメーション
│   ├── sounds/
│   │   ├── voice/                 # VOICEVOX生成の掛け声音声
│   │   ├── bgm/                   # BGM
│   │   ├── count/                 # カウントダウン音
│   │   ├── effect/                # 効果音（歓声・ファンファーレ等）
│   │   ├── ball/                  # ボール演出音
│   │   └── camera/                # シャッター音
│   ├── demos/                     # 各種検出機能のデモページ
│   └── voicevox_script.csv        # VOICEVOX音声生成用スクリプト
├── .github/workflows/pages.yml    # GitHub Pages自動デプロイ設定
└── README.md

開発者ガイド

必要なもの

• Webブラウザ（Chrome推奨）
• カメラ付きデバイス

ローカルで動かす

git clone https://github.com/tcf775/miraukky.git
cd miraukky

# ローカルサーバーを起動（file://だとカメラが使えないため）
python -m http.server 8000
# http://localhost:8000/docs/ にアクセス

外部ライブラリ（CDN読み込み）

ライブラリ	バージョン	用途
face-api.js	0.22.2	顔認識・表情分析
canvas-confetti	1.6.0	紙吹雪エフェクト
matter.js	0.19.0	物理演算エフェクト
fireworks-js	2.10.8	花火エフェクト

デプロイ

main ブランチにpushすると、GitHub Actionsで docs/ ディレクトリが自動的にGitHub Pagesにデプロイされます。

ライセンス

MIT License