髪と衣服のモデルを切り替えて色を重ねる — MediaPipe Web入門

1. Node.jsのLTS版をインストールし、ターミナルを開き直します。
2. このREADMEとindex.htmlがあるフォルダーをVS Codeで開きます。
3. WindowsのPowerShellで npx.cmd --yes http-server . -p 8080 -c-1 を実行します。
   macOS/Linuxは npx --yes http-server . -p 8080 -c-1 です。
4. http://127.0.0.1:8080/ をブラウザで開き、実行ボタンを押します。
5. 終了はターミナルの Ctrl+C です。
   初回のhttp-server取得とSDK・WASM・モデル取得には通信が必要です。
   file:// のダブルクリック起動ではなく、HTTPサーバーで開いてください。

SDK/WASM: @mediapipe/tasks-vision 0.10.34 をCDNから読み込みます。
モデル: app.js記載のGoogle公式配布URL（版1）から取得します。
人物素材: public/images/tool-examples/passport-photo/before.jpg （AI生成、既存プロジェクト素材）
猫素材: public/images/hero-cats.jpg （運営者の愛猫。人向けモデルの対象外比較）
画像はこのコードから外部サーバーへアップロードしません。
サンプルは静止画用です。カメラ・動画や全端末の精度は保証しません。