Skip to content

feat: VRM表示の同期とローディング体験の最適化#21

Open
naolab wants to merge 3 commits into
mainfrom
feat/optimize-vrm-loading
Open

feat: VRM表示の同期とローディング体験の最適化#21
naolab wants to merge 3 commits into
mainfrom
feat/optimize-vrm-loading

Conversation

@naolab

@naolab naolab commented Jan 12, 2026

Copy link
Copy Markdown
Owner

変更内容

  • Three.jsの初回描画完了を検知するコールバックを useThreeScene.ts に実装
  • VRMViewer.tsx で描画完了までロード画面を維持するように同期
  • useEffectuseRef を使用し、キャラクター切り替え時のロード状態リセットを確実化
  • 不要になったレガシーな LoadingScreen.js を削除
  • app.js での loadingScreen 参照エラーを修正

変更理由

  • VRMロード完了後、実際に表示されるまでの数秒間の空白(黒画面など)を解消するため
  • パッケージ化後の起動速度向上とコードクリーンアップ

動作確認

  • ローカルで動作確認済み
  • 既存機能に影響なし
  • エラー・警告なし

レビュー観点

  • useThreeScene.tsisVrmFirstFrameRenderedRef による描画検知ロジック

naolab and others added 3 commits January 12, 2026 13:43
- AIアシスタント機能セクションを削除(ターミナルから直接起動する仕様に変更)
- キャラクター設定セクションを追加(表示キャラ/読み上げキャラの設定方法)
- VS Code Dark の名称を削除し「ダークテーマ」に統一
- アイコンモードの説明を「負荷軽減」目的に修正
- キャラ選択がアイコンから行える旨を追記
- CURRENT_FEATURES.md を新規作成(機能一覧の参照用)

Co-authored-by: Gemini <gemini@google.com>
- fix-paths.js: RSCペイロード内の絶対パスを相対パスに修正
- config-manager.js: モネのVRMパスを public から out に変更
- main.js: app.asar.unpacked パスの解決と out へのフォールバックロジック追加
- package.json: out 内のVRMファイルを asarUnpack に追加
- character-display-manager.js: iframe取得のフォールバック追加

Co-authored-by: Gemini <gemini@google.com>
- Three.jsの初回描画とローディング非表示を同期
- レガシーな LoadingScreen.js を削除し起動を高速化
- app.js での ReferenceError を修正

Co-authored-by: Claude Code <claude@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant