View Comment Heart V1 - わんコメ用コメント表示カスタムテンプレート

View Comment Heart V1(Version 1.0.2)

わんコメ対応のカスタムコメントテンプレートです。

Glassmorphism（グラスモーフィズム）デザインと、

コメントを優しく包み込む「Heart Embrace」演出が特徴です。

配信画面に自然に馴染みながら、

ほんの少しの華やかさと高級感を加えます。

---

✨ 主な特徴

💎 Glassmorphism UI

半透明＋背景ぼかしのコメント枠。

どんな配信背景にも馴染むモダンデザイン。

❤️ Heart Embrace 演出

コメント周囲にハートがふわっと漂う演出。

表示モードは以下から選択可能：

off（なし）

gift（ギフト・スパチャ時のみ）

always（常時表示）

---

⚙ 細かいカスタマイズ対応

付属の config_editor.html により、

直感的に設定を変更可能。

表示件数

積み上げ方向（上/下）

フォント・文字サイズ

自動消去タイマー

ハート数・サイズ・色

ギフト強調カラー

などを調整できます。

---

🛠 技術仕様

Vue 3 (Composition API)

OneSDK対応

VCT Core SDK 搭載

CSS変数による柔軟なスタイル制御

軽量構成で、通常の配信環境で問題なく動作します。

※ハート数を極端に増やすとGPU負荷が上がる可能性があります。

---

📦 同梱内容

index.html

main.js

style.css

config.js

config_editor.html

VCT Core SDK

技術仕様書（TECHNICAL_SPEC.md）

---

🚀 導入方法

わんコメのテンプレートフォルダに配置

テンプレート選択から「View Comment Heart V1」を選択

必要に応じて config_editor で設定変更

OBSのブラウザソースを再読み込みすると反映されます。

---

📝 バージョンについて

本品は Version 1.0.2 です。

軽微な修正はマイナーバージョンで管理しています。

テンプレート名は「V1」として継続更新予定です。

---

📜 ライセンス

改造・再配布自由。

配信スタイルに合わせて自由にカスタマイズしてください。

※わんコメの利用規約には準拠してください。