わんコメ（OneComme）のカスタムテンプレートとして使う、常連さんとの“なかよし度”の演出です。コメントするたびに、配信者からその人への好感度ハートがたまっていきます。リスナーレベル（経験値）とは別の、ゆるい“なかよし度”の演出です。横1280×縦720・背景透明。段階が上がった瞬間に、その人の名前とハートの数のカードが出て、ハートが舞います。デザインは10種類です。 ■ 流れ 1. 視聴者がコメントすると、ハート +1（同じ人は30秒に1回まで）。スパチャ・ギフトは +10、メンバー加入は +20 2. ハートの数が段階のしきい値に届くと、「好感度アップ！ 〇〇さん → なかよし」のカードが、ハートが舞う演出つきで5秒出ます。段階は既定で 0「はじめまして」／10「顔見知り」／30「なかよし」／60「親友」／100「だいすき」 3. 配信者が `!love 名前` と書くと、その人のいまの好感度と段階がカードで出ます 4. 画面の右上には「今日のなかよしランキング」（今日いちばんハートが増えた上位5人）。`!love board off` で隠し、`!love board on` で戻せます ■ 特長 ・コメントするだけでハートがたまる。同じ人は cooldownSec（既定30秒）に1回だけ数えるので、連投で稼げません ・段階アップのカード: 名前・段階・ハートの数・段階の数だけ並ぶハートのメーター・次の段階までのゲージ。ハートが舞う演出つきで、cardSeconds（既定5）秒出ます ・（有料版）今日のなかよしランキング: 今日増えた好感度順の上位5人。日付が変わると今日の増え分だけが0に戻り、ハートの合計は残ります ・（有料版）スパチャ・ギフト +10、メンバー加入 +20（giftPoints・memberPoints で変えられます） ・（有料版）段階の名前としきい値を自由に変えられます（2〜8段。config.js の stages） ・配信者のコマンドは配信者本人のコメントだけ有効（視聴者が「!love reset」と書いても消えません）: `!love 名前`／`!love reset`、（有料版）`!love add 名前 5`／`!love reset 名前`／`!love board on|off` ・名前・コメントは文字として表示します（タグを書いてもそのまま文字で出ます） ・記録は localStorage（キー onecomme-affinity-v1）に保存され、人ごとのハートの数・今日の増え分・ランキングの出し入れは、OBS を再読み込みしても、セッションの途中で OBS を開き直しても続きから数えます。同じコメントで二度数えません ・config.js で、cooldownSec・cardSeconds・commentPoints・giftPoints・memberPoints・stages・showBoard・excludeNames（BOT など数えない名前）・アクセントカラーを変えられます ・アクセントカラー: color を変えると、カードとランキングの枠・見出しの札の枠・ゲージ・灯っているハート・舞うハートの主役の色・光の色が変わります（文字の基本色・板の地は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン（夜のネオン管の板）／ゆめかわ（パステルの板）／ピクセル（8bit の枠）／和風（茶の板に金の縁）／ミニマル白／ミニマル黒／肉球・猫（やさしい暖色の板）／宇宙（星空の板）／宝石（紺の面に宝石色の縁）／ターミナル（緑の線画の端末） ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。ハートも図形で描いています。音は鳴りません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く（誰もコメントしていないあいだ、カードは出ません） 4. 視聴者がコメントするだけで、ハートがたまりはじめます ■ 動作環境 わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）。 ■ 同梱 ・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js） ・説明書.txt（導入手順・好感度の決まり・画面の見方・配信者のコマンド・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約） ■ 注意 ・コマンドはわんコメの配信者（自分のチャンネル）のコメントだけが効きます。視聴者のコメントでは動きません。 ・リスナーレベル（経験値で上がるレベル）とは別の仕組みです。ハートの数は、このテンプレートの中だけで数えます。 ・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。 ・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能（配信者のコマンド）が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中（localStorage）に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください（説明書に手順があります）。 ・今日の増え分は、OBS を動かしているパソコンの時計の日付で数えます。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。 ・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット（2,980円） https://moonlitprops.booth.pm/items/8924071