Coharu VRM - AIアバターチャットアプリ
概要
VRMアバター表示とAIチャット機能を統合したインタラクティブWebアプリケーション。3Dアバター、音声合成、背景カスタマイズ機能を提供。
プロジェクト概要
Coharu VRMは、VRMアバター表示とAIチャット機能を統合したインタラクティブWebアプリケーションです。Three.jsとPixiv VRMライブラリを使用した3Dアバター表示、リサイズ可能なチャットパネル、アニメーション・音声・背景のカスタマイズ機能を提供します。
主な機能
- VRMアバター表示（Three.js + @pixiv/three-vrm）
- インタラクティブAIチャット（Markdown対応）
- リサイズ可能なチャットパネル
- VRMAアニメーション再生・ランダム再生
- 音声合成設定（音量・ピッチ・速度）
- 背景画像・床のカスタマイズ
技術スタック
- ランタイム: Bun
- フレームワーク: React, React Router DOM
- 3Dレンダリング: Three.js, @pixiv/three-vrm
- UI: Tailwind CSS, Radix UI, shadcn/ui
- AI: Ollama / OpenAI API対応
- 音声: AIVIS Speech Engine
- テスト: Playwright, Storybook