わんコメ コメント欄テンプレート PANDA CONTROL｜設定ファイルを書き換えるだけで挙動が変わる【OBS・商用可】

わんコメ（OneComme）用のコメント欄テンプレートです。

config.js という1つのファイルの数字と言葉を書き換えるだけで、コメント欄の挙動が変わります。

■ 何ができるか

わんコメ公式フォーラムの投稿710件を数えて、閲覧の多い質問から順に選びました。

答えはたいてい「テンプレートを自作してください」でした。それを最初からやってあります。

特定のワードが出たらコメントの色を変える（wordRules）

一定の文字数で自動的に折り返す（wrapAt）

発光を消して縁取りに変える（glow / outline）

視聴者のアイコンを出す（showAvatar）

文字を太字にする（bold）

配信サイトごとの札を出す（showSiteIcon）

古いコメントを時間で消す（hideAfterSeconds）

BOTやコマンドを隠す（hideUsers / hideCommands / hideUrls）

特定の人だけ色を変える（users）

初見・常連・メンバー・モデレーター・配信者を見分ける

ほかに、同時に出す件数、行数で切る、長すぎるコメントを出さない、

新しいコメントを上に出すか下に出すか、出てくるときの動き4種を持っています。

■ 書き換えるのは1ファイルだけ

config.js を開くと、項目ごとに日本語の説明が付いています。

数字や色を書き換えて上書き保存し、OBSのブラウザソースを更新すれば反映されます。

HTMLやJavaScriptを読める必要はありません。

色と文字の大きさは style.css の一番上にまとめてあります。

そこだけ見れば済むように、ほかの行を触る必要はありません。

■ 導入

1. zipを展開して、フォルダごと わんコメ のテンプレート置き場に入れます

2. わんコメの「テンプレート」画面で PANDA CONTROL を選びます

3. 表示されたURLを、OBSの「ブラウザ」ソースに貼ります

わんコメ 5.x / 6.x で確認しました。Windows と macOS の OBS Studio で動きます。

標準テンプレートと同じ仕組み（OneSDK + Vue3）で作ってあります。

■ 対応

YouTube・Twitch・ツイキャス・ニコ生など、わんコメが受け取れる配信サイトに対応します。

背景は透明なので、OBSの上に重ねてそのまま使えます。

■ 中身

panda-control/ 一式（index.html / config.js / style.css / script.js / template.json）

README_JP.txt 設定項目の説明

LICENSE.txt

外部への通信は一切ありません。ファイルの中だけで完結します。

■ 無料版があります

機能を絞った無料版を別に出しています。まず動かしてから決められます。

無料版はこちら → https://panda-kaihatsu.booth.pm/items/8801939

■ ライセンス

個人・法人を問わず商用配信で使えます。中身の書き換えも自由です。

ファイルそのものの再配布と転売はご遠慮ください。