# 🐾 ぽよん♡肉球コメント（わんコメ対応CSSテンプレート） コメントが肉球に乗って「ぽよん♡」と跳ねる！ 猫耳・けもみみVTuberさんや、動物モチーフの配信者さんにぴったりの、とっても可愛いコメント装飾CSSテンプレートです。 大好評につき **カラーバリエーションを大幅追加（全35色＋春夏秋冬）** してパワーアップ！ 「わんコメ（OneComme）」のカスタムテンプレートとしてすぐに使えます。 --- ## ✨ アピールポイント ### 🐾 コメントが「ぽよん！」と飛び出す コメントが届いた瞬間、ぷにぷにの肉球アイコンと一緒にコメントボックスがバウンスしながらリズミカルに登場します！ その後も微小に「ぷるぷる」震えて、まるで生きているような可愛さです。 ### 🎨 選べる全35色＋α！圧倒的なカラーバリエーション あなたのイメージやキャラクターに必ず合う色が見つかるよう、豊富なカラーを用意しました！ - **🌸 パステルピンク系（8色）**: 桜ピンク、ピーチ、ストロベリー、ミルクティーなど - **🍰 スイーツ・ドリンク系（5色）**: チョコミント、プリン、クリームソーダ、チョコミルクなど - **💎 宝石・エモい系（9色）**: サファイア、ルビー、夜空、夕焼け、紫陽花など - **🐈 モノトーン系（4色）**: しろねこ、くろねこ、グレー、チャコール - **🔮 ゆめかわ・病みかわ・イベント系（9色）**: レインボー、九尾の狐、病みかわパープル、サイバーネオン、ハロウィンなど ★ さらに！春夏秋冬の**「季節限定フレーバー（4種）」**を搭載。 桜が舞い散ったり、雪が降ったりする専用のパーティクル（エフェクト）が自動で付いてきます！ ### ⚙️ 色の変更は「コピペで1行」だけ！超カンタン設定 「CSSの編集なんて難しくてわからない…」という方でも大丈夫！ 同梱されている `script.js` を開いて、色名を1箇所書き換えるだけで、全体の色と雰囲気が一瞬で切り替わります。 ### 👑 メンバーシップ・スパチャ完全対応（自動） わんコメの機能と連携して、視聴者さんの種類によって自動で豪華な装飾に！ -メンバーのコメント: 専用のゴールド装飾＋王冠マーク👑 - スーパーチャット: リッチな影とハイライトの特別装飾💰 --- ## 📦 収録内容 ┣ index.html … わんコメ用テンプレート（Vue3+OneSDK） ┣ style.css … わんコメ用CSSスタイル ┣ script.js … わんコメ用OneSDK連携スクリプト ┣ template.json … わんコメが認識するテンプレート情報 ┣ paw-icon.svg … 肉球アイコン（参考用） ┗ Readme.txt … 使い方など --- ## 🔧 わんコメでの使い方 1. ダウンロードした zipファイルを解凍せずにそのまま（または解凍したフォルダを）、 「わんコメ」アプリ画面の「テンプレート」→「カスタム」にドラッグ＆ドロップします 2. ドロップしたテンプレート内にある 「ここをドラッグしてOBSに入れる」をOBSへドラッグ＆ドロップします 3. OBSで追加されたソース（index.html）を右クリックして 「プロパティ」を開き、幅と高さを変更します 【推奨サイズの目安】 標準（右下配置） : 幅 400 × 高さ 700 横長配信画面 : 幅 450 × 高さ 500 小さめ控えめ : 幅 350 × 高さ 500 大きめ目立つ : 幅 500 × 高さ 800 4. 色を変えたい場合は、テンプレート内にある「script.js」をメモ帳で開き、 25行目付近の「const theme = ...」の部分を好きな色に変更します --- ##🎨カラーバリエーションの変え方 【script.jsでの変更手順】 1. テンプレートフォルダの中にある script.js をメモ帳などのテキストエディタで開きます。 2. 25行目付近にある以下の行を見つけてください： const theme = 'paw-sakura'; 3. 'paw-sakura' の部分を、使いたい色の名前に書き換えます。 例：みけねこカラーにしたい場合 const theme = 'paw-calico'; 4. 上書き保存をして、わんコメのテンプレートか、 OBSのブラウザソースを再読込すると色が変わります！ ※ 特定のコメント要素だけクラスを変えたい場合は、以下の色名一覧を参考に class="poyon-paw-comment paw-sakura" のように追記してください。 【パステルピンク系 8色】 .paw-sakura … 🌸 桜ピンク .paw-peach … 🍑 ピーチ .paw-strawberry … 🍓 ストロベリー .paw-tulip … 🌷 チューリップ .paw-babypink … 🎀 ベビーピンク .paw-coral … 🌺 コーラル .paw-macaron … 🧁 マカロン .paw-milktea … 🧸 ミルクティー 【スイーツ・ドリンク系 5色】 .paw-chocomint … 🌿🍫 チョコミント .paw-pudding … 🍮 プリン .paw-blueberry … 🫐 ブルーベリー .paw-chocomilk … 🍫🥛 チョコミルク .paw-creamsoda … 🍹 クリームソーダ 【モノトーン系 4色】 .paw-white … 🤍 しろねこ .paw-black … 🐈‍⬛ くろねこ .paw-gray … 🩶 グレー .paw-charcoal … 🖤 チャコール 【宝石・鉱石系 4色】 .paw-sapphire … 💎 サファイア .paw-ruby … 🔴 ルビー .paw-amethyst … 🔮 アメジスト .paw-emerald … 💠 エメラルド 【自然・季節・エモい系 5色】 .paw-nightsky … 🌌 夜空 / 星空 .paw-sunset … 🌇 夕焼け .paw-hydrangea … ☔ 紫陽花 .paw-lemon … 🍋 レモン .paw-snow … ❄️ スノークリスタル 【サイバー・ポップ・イベント系 4色】 .paw-cyberneon … ⚡ サイバーネオン .paw-vividpop … 💥 ビビッドポップ .paw-halloween … 🎃 ハロウィン .paw-christmas … 🎄 クリスマス 【虹・メタリック系 2色】 .paw-rainbow … 🌈 レインボーパステル .paw-rosegold … ✨ ローズゴールド 【病みかわいい系 2色】 .paw-yami-purple … 💜 病みかわパープル .paw-yami-pinkpurple … 🔮 病みかわピンク紫 【空想・幻獣系 2色】 .paw-kyubi … 🦊 九尾の狐 .paw-unicorn … 🦄 ユニコーン 【ボーナスカラー 3色】 .paw-calico … 🐱 みけねこ .paw-iceblue … 💎 アイスブルー .paw-matcha … 🌿 抹茶 --- ## ⚠️ ご利用にあたってのご注意 - 本テンプレートは「わんコメ（OneComme）」での利用を想定して作られています。 - 動作チェックは行っていますが、お使いの配信環境やOBSのバージョンによっては、アニメーションのカクつき等が発生する場合があります。 - Google Fontsを利用しているため、配信PCがインターネットに接続されている必要があります。 - 著作権は放棄しておりません。テンプレートの自作発言、二次配布、販売は固くお断りいたします。 - 個人/法人、収益化の有無を問わず、配信画面にてご自由にお使いいただけます。クレジット表記は任意ですが、していただけると泣いて喜びます🐾 --- この肉球で、あなたの配信がもっと「かわいく」なりますように！🐾 - 2026.03.07 左の余白を調整 - 2026.03.09 出てきた時に肉球がはみ出る不具合を修正