🎭

VTuber アバターデモ

Webカメラの顔認識で3Dアバターをリアルタイム制御。全処理がブラウザ内で完結します。

カメラ アバター
ホイール ズーム（拡大・縮小）
右ドラッグ モデルを上下左右に移動
🔄 カメラ位置をリセット
Renderer —
FPS —
推論 — ms
🧑‍🎤 アバターモデル

自分のVRMを使う

💡 VRMモデルは VRoid Hub で無料入手できます

⚙️ トラッキング設定
鏡像モード
リップシンク（マイク）
カメラプレビュー表示
比較表示（左右並べ）
スムージング強度 0.50

T-ポーズキャリブレーション

両腕を真横に広げたT-ポーズで立ち、ボタンを押してください。 アバターの手の位置精度が向上します。

📊 ブレンドシェイプ (52)

デモ開始後に表示されます

📦 使用OSS
  • three.js v0.180 — MIT
  • @pixiv/three-vrm v3 — MIT
  • MediaPipe FaceLandmarker — Apache 2.0
🔒 すべての処理はブラウザ内で完結します。映像・音声データはサーバーに一切送信されません。