操作
機能 #408
完了
機能 #408:
three-vrm アバター Web アプリ(VRM1.0 描画 MVP)
説明
背景¶
#406 決定記録に基づき、VRM 1.0 アバターを three-vrm(@pixiv/three-vrm, three.js)で描画する Web アプリを実装する。
作業内容¶
-
obs/avatar/(beatoraja の HTTP サーバから配信)に JS/TS アプリを配置。 - 指定された VRM1.0 ファイルをロードし、MToon マテリアル込みで描画。
- 待機(idle)アニメーション、機嫌(mood)→VRM 標準表情(joy/sorrow/angry/relaxed/ surprised )マッピング。
- 連携フィード(
/pet/state.json・/pet/eventsSSE)を購読して反映。 -
pet_commentを吹き出し表示(将来 TTS/口パク拡張余地を残す)。 - 背景透過(OBS/オーバーレイ合成前提)。
完了条件¶
- ブラウザで VRM が表示され、state/events に応じて表情・吹き出しが変化する。
依存¶
「アバター連携フィード基盤」子チケット(契約一致)。VRM1.0 への変換済みアセット。
追記¶
テスト用VRM1.0ファイル: rusk_vrm1.vrm
操作