【わんコメ】バレンタイン限定♡ リアクションで満たすハートゲージ オーバーレイ【期間限定デザイン】
- 無料版Digital0 JPY
- チョコ代(中身は一緒です)Digital100 JPY

リスナーさんの❤️が集まるほど、画面のハートがいっぱいに。 バレンタインの配信を、ときめきの演出で彩りませんか? ## 📝 概要 「わんコメ」専用のバレンタイン限定デザイン・オーバーレイです。 リスナーさんがYouTubeライブで送る❤リアクションをリアルタイムにカウントし、**ハート型のゲージ**として画面に表示します。リアクションが集まるほど、♡の中身がだんだん満たされていく——そんなバレンタインにぴったりのときめき演出を、あなたの配信にお届けします。 「リスナーさんと一緒に何かを達成したい」「季節感のある配信画面を作りたい」そんな配信者さんにおすすめです。 --- ## ✨ 特徴 ### 1. ♡が満たされていく「ハートゲージ」 リアクションが来るたびに、ハートの中身がピンクの液体でだんだんいっぱいに! 最大値(目標数)を設定して、みんなで達成を目指す一体感を演出できます。 ### 2. バレンタイン限定のプレミアムデザイン ピンク×ローズ×ゴールドのバレンタインカラーで統一。 画面の背景にはハートや桜の花びらがふわふわ漂う、ロマンチックな演出付きです。 ### 3. 目標達成で輝くエフェクト 設定した目標数に到達すると、ハートが金色に輝くお祝い演出が発動! リスナーさんとの達成感を一緒に味わえます。 ### 4. カウントアップ時のアニメーション リアクションが来るたびに、ハートが軽く脈動し、絵文字がぴょんと跳ねます。 小さなハートが飛び散るバーストエフェクトも搭載。 ### 5. config.json で簡単カスタマイズ プログラムを触らなくても、メモ帳で `config.json` を編集するだけで設定変更できます。 - リアクションの目標数(例: 100、500、1000) - ハートのサイズ - アニメーションのON/OFF - データ取得間隔 --- ## 💎 基本機能 - **自動連携**: YouTubeの❤リアクション、コメントに自動反応 - **リアルタイム表示**: リアクション数をリアルタイムでカウント&表示 - **OBS対応**: 背景透過で、どんな配信画面にも馴染みます - **軽量動作**: パフォーマンスに優しい設計 --- ## 📦 内容物 - `index.html` (メインプログラム) - `style.css` (バレンタインデザイン定義) - `app.js` (リアクション処理ロジック) - `config.json` (設定ファイル) ※わんコメ本体(OneComme)は別途インストールが必要です。 --- ## 🔧 導入はかんたん3ステップ 1. ファイル一式を、わんコメの「templates」>「custom」フォルダにコピー。 2. OBSで「ブラウザソース」を追加し、わんコメのテンプレート一覧からこのテンプレートを選択。 3. あとは配信を始めて、リアクションを待つだけ! ### config.json の設定例 ```json { "reactions": ["❤️"], "reactionGoal": 100, "layout": { "heartSize": 200 } } ``` - `reactionGoal` を変更すると、目標数を自由に設定できます(例: 50, 100, 500) - `heartSize` でハートの大きさを調整できます --- ## ⚠️ 利用規約 - **商用利用**: 可(収益化済みチャンネルでの使用もOK) - **カスタマイズ**: 可(色やサイズ、設定変更など) - **再配布・譲渡**: 不可(改変したものも含みます) - **クレジット表記**: 任意(していただけると嬉しいです!) --- ## 📩 更新履歴 - 2026/02/11: v1.0.0 バレンタイン限定版リリース - 2026/02/11: v2.0.0 レベルアップシステム追加 --- **リスナーさんの❤️で、ハートをいっぱいにしませんか?** **バレンタインの配信を、特別な思い出に。** --- (制作者より) 「気に入っていただけたら、スキ!ボタンやSNSでのシェアがとても励みになります!使い方がわからない場合はお気軽にお問い合わせください。💝」
