【わんコメ】動くコメント欄テーマ PRO 全46色|入退場アニメを7種類から選べる設定パネル付き・カスタムCSS対応【OBS/商用可】
- Digital1,980 JPY

46色テーマの全色に、「コメントの出方」を7種類から選べる設定パネルと、見た目を上書きできるカスタムCSS欄がついたPRO版です。通常版(¥1,200)との差額¥780で、入退場アニメと細かい見た目調整が足されます。 ■ 収録テーマ(全46色・9スタイル) NEON(サイバーネオン・ゲーム配信向け)/SAKURA(和モダン・歌枠雑談)/MINIMAL(白ミニマル・作業/ASMR)/KAWAII(パステルゆめかわ)/CYBER(近未来HUD・FPS/技術系)/GLASS(すりガラス質感・どんな配信にも馴染む)/ACADEMIA(ダークアカデミア・読書/落ち着いた雑談)/WAMODERN(和モダン墨朱藍金白・和風配信)/NORDIC(北欧ミニマル・作業/くらし系) ■ どれを買えばいい? ・色を選ぶだけでいい → 通常版 ¥1,200 はこちら https://panda-kaihatsu.booth.pm/items/8576737 ・動きも自分で選びたい → このPRO版 ¥1,980 ・色から全部つくりたい → PANDA CHAT STUDIO ¥2,500 はこちら https://panda-kaihatsu.booth.pm/items/8632293 ■ PRO版だけの機能 1. 設定パネルで入退場アニメを選べます 使いたい色フォルダの中にある panel.html をブラウザで開いてください。 ・登場:ぽよん/右から/左から/下から/ふわっと/ぽんっと拡大/動かさない(7種類) ・退場:上に抜ける/ふわっと/左に抜ける/縮んで消える/すぐ消える(5種類) ・速さ:登場・退場それぞれ80〜900ミリ秒で調整 2. カスタムCSS欄 同じパネルの一番下にCSSを書き込む欄があり、テーマの見た目をあとから上書きできます(例: .comment .name{ font-size: 20px; } / .text{ color: #ffe14d; })。よく使う目印は .comment(コメント全体)/.name(名前)/.text(本文)/.avatar(アイコン)/.tag-new(初見バッジ)/.paid(スパチャ金額)です。 ■ 設定をOBSに反映させる方法(ここだけ注意してください) OBSの中のブラウザと、パネルを開いたブラウザは設定の保存場所が別のため、パネルで保存しただけではOBSの画面は変わりません。次のどちらかで反映させます。 ・方法A(おすすめ・確実): パネルで設定→「保存する」→一番下の「OBSに貼りつける文字列」を「コピーする」→OBSのブラウザソースを開き「ローカルファイル」のチェックを外す→URL欄に貼りつけてOK。設定を変えるたびにこの手順を繰り返します。 ・方法B(OBSの中だけで完結): panel.html もOBSにブラウザソースとして追加し、そのソースを右クリック→「対話」(Interact)から操作。この場合はOBSの中で保存場所が共通になるので、保存した瞬間にコメント欄へ反映されます。表示したくないソースは目のマークで隠せます。 ■ 導入方法(3分) 1. わんコメを起動 → 設定(歯車)→「テンプレート」→「テンプレートフォルダを開く」 2. 開いたフォルダの中にある「custom」フォルダを開きます ※ここを間違えると画面が真っ黒になります。必ず custom というフォルダの中に入れてください 3. zipに入っているテーマフォルダ(例: neon-chat)を、custom の中にそのままコピー 4. OBSの「ソース」→「+」→「ブラウザ」を追加し、URLに入力: http://localhost:11180/templates/custom/neon-chat/index.html (neon-chat の部分は使いたいテーマのフォルダ名に変えてください) 5. 幅450・高さ900程度がおすすめ ※設定はブラウザに保存されます。panel.html とコメント欄の index.html は同じフォルダに置いたまま使ってください(別の場所に移すと設定が読めなくなります)。色を変えたいときは、変えたい色のフォルダの panel.html を開いて設定してください。 ■ すべてのテーマに共通で入っているもの 新規コメントのスライドインアニメーション/初見さんに「初見」バッジ(自動判定)/配信者・モデレーター・メンバーの専用バッジと強調/スーパーチャット・ギフトの金額表示+光るエフェクト/アイコン表示(オフ可)/視聴者参加型ギミック(SAKURAは花びら、NEONはネオン成長演出、KAWAIIはハート、MINIMALは波紋、ACADEMIAはインクにじみ、WAMODERNは波紋、NORDICは粉雪など、テーマごとに演出が異なります) ■ うまく反映されないとき 1. OBSのブラウザソースのプロパティで「現在のページのキャッシュを更新」を押す 2. panel.html と index.html が同じフォルダにあるか確認する 3. カスタムCSSに書き間違いがあると、その行から下が効きません。1行ずつ足して確かめてください ■ よくある質問 Q. コメントが表示されない A. わんコメが起動しているか、わんコメ側で配信枠に接続できているか確認してください。その後OBSのブラウザソースを「更新」してください。 Q. 通常版(全46色)を持っているけど、PROに買い替えられる? A. BOOTHの仕組み上、差額販売はできません。動き選択やカスタムCSSが欲しい方はPRO版を新規でご購入ください。 Q. 商用利用は? A. 収益化済み配信でご利用OKです。テーマファイル自体の再配布・転売のみ禁止です。 ■ 動作環境 わんコメ(OneComme)v5以降 + OBS Studio(ブラウザソース)。Windows / macOS。サーバー・アカウント登録・月額課金は不要。 ■ ライセンス 個人・法人問わず商用配信OK・改変OK。素材そのものの再配布・販売はご遠慮ください。本テンプレートはわんコメ公式配布のベーステンプレート(改変・有料販売可ライセンス)をもとに制作しています。 ── panda studio 🐼 不具合・カスタマイズのご相談はBOOTHメッセージへ。今後のアップデート(スタイル追加など)は無料で再ダウンロードいただけます。 https://panda-kaihatsu.booth.pm/ ■ 新作を先出しで受け取りたい方へ 毎月つくる新しいウィジェットを、BOOTHで出すより先にpixivFANBOXで配布しています(月500円〜)。 https://pd-ststudio.fanbox.cc/
