配信にリアクションが届くたびに、画面の桃を手のひらが左右から「ぺしぺし」叩くお遊び演出テンプレートです。わんコメ(OneComme)でそのまま使えます。 叩かれた桃はぷにっと潰れて揺れ、「ぺしっ」の文字・星・リアクションの絵文字が飛び、累計の「ぺし数」カウンターが増えていきます。リアクションが飛び交うほど桃がぺしぺしされる、視聴者参加型のにぎやかしにどうぞ。 ### 特徴 - YouTube Live などのリアクション(わんコメが受信したもの)に反応して、手のひらが左右交互にぺしぺし - リアクションの個数ぶんきちんと叩きます。連打で盛り上がってもアニメーションは適度に間引きつつ、**ぺし数カウンターは全数を正確に加算** - 「ぺし数」は累計を自動保存。OBSの再読み込みや配信をまたいでも数字が続き、設定ページからいつでも0にリセットできます - 設定で「コメントでもぺしぺし」をONにすれば、リアクション機能のない配信サイトでもコメントで動作(同じコメントで二度叩かない重複防止付き) - 桃の色(メイン/外側)・手の色・「ぺしっ」の文字色・桃の大きさ・カウンター表示のON/OFFと文字色を、ブラウザ上の設定ページから変更可能 - OBSのブラウザソースに載せると背景は自動で透過。桃も手のひらもすべてインラインSVG+CSSで描画しており、画像素材・外部フォント読み込みは不使用 - OBSの「対話」で桃をクリックすれば、配信者が自分でぺしすることもできます ### 同梱内容 - `index.html` … テンプレート本体 - `settings.html` / `settings.js` … トリガー・色・サイズをブラウザ上で調整できる設定ページ - `style.css` / `script.js` / `template.json` - `README.md` … 導入手順・カスタマイズ方法・動作確認チェックリスト ### 動作環境 - わんコメ(OneComme) 最新版(リアクション受信に対応したバージョン) - OBSなどのブラウザソースでの利用を想定(推奨ソースサイズ: 幅600×高さ650px程度) - リアクションは、わんコメが対応する配信サービス(YouTube Live等)で受信したものに反応します。 リアクションのないサービスでは「コメントでもぺしぺし」設定をご利用ください ### 利用規約 - 個人の配信・SNS投稿など、個人利用の範囲であれば商用配信を含めて自由にご利用いただけます - テンプレート自体（改変版を含む）の再配布・販売・転売はご遠慮ください - 色やサイズなど、settings.html やCSSでの見た目の調整はご自由にどうぞ - わんコメ本体の利用規約・クレジット表記の案内に従ってご利用ください