【OBSに置くだけ】視聴者レベル 全8テーマ｜わんコメ連動・コメントで経験値がたまる

コメントするたびに視聴者の経験値がたまり、レベルと称号が上がるウィジェットです。

配色ちがいの全8テーマ入り（ゴールド／ネオン／桜／かわいい／フォレスト／クリムゾン／バイオレット／モノクロ）。動きと設定項目はどれも同じです。

全部コピーしておいて、OBS側のURLを書き換えるだけで配信ごとに切り替えることもできます。

レベルが上がった瞬間だけ、名前つきの演出が出ます。

ランキングが「今の順位」を見せるのに対して、これは「積み上げてきた量」を見せます。

順位のように下がることが無いので、通い続けている人がそのまま報われる形になります。

■ できること

・累計コメント数に応じてレベルが上がります（10段階）

・レベルごとに称号がつきます（はじめまして → 常連さん → 主（ぬし）→ 神 → パンダ など全10種）

・称号もレベルの上がり方も、script.js の一番上を書き換えるだけで自由にカスタマイズできます。

　配信の世界観に合わせた称号にすると、ぐっと自分のものになります

・★マイルストーン演出：節目のレベル（初期設定 Lv5・Lv10）に

　到達した瞬間だけ、金色の特別演出＋紙吹雪が出ます。表示時間も長めで、

　「常連さんの節目」がちゃんと祝われます。対象レベル・文言・秒数・色も変更可

・レベルアップした瞬間だけ表示。普段は邪魔になりません

・次のレベルまでの進捗バーつき

・同時に複数人が上がっても、順番に1人ずつ表示します

・待機中は「今日◯人がレベルアップしました」と小さく表示

・配信者自身とBot（Nightbot等）は自動で除外

・経験値は日付をまたいでも積み上がります

■ 導入方法（3分）

1. わんコメを起動 → 設定（歯車）→「テンプレート」→「テンプレートフォルダを開く」

2. zip内から、使いたいテーマのフォルダを1つコピー

（panda-level-gold / -neon / -sakura / -kawaii / -forest / -crimson / -violet / -mono）

3. OBSの「ソース」→「＋」→「ブラウザ」を追加し、URLに以下を入力

http://localhost:11180/templates/custom/<コピーしたフォルダ名>/index.html

例：http://localhost:11180/templates/custom/panda-level-gold/index.html

幅470 / 高さ240 くらいがおすすめです

■ 動作確認

OBSのブラウザソースで「ソースの操作を有効にする」にチェックを入れ、Tキーでテスト表示できます（マイルストーン演出はMキー）。

■ カスタマイズ

script.js の上部で、レベルが上がる累計コメント数・称号・演出の秒数・除外設定・マイルストーン対象レベルを変更できます。

称号を配信の世界観に合わせると、自分だけのものになります。

style.css の上部で、色・幅・文字サイズ・動きを調整できます。プログラムの知識は不要です。

■ 動作環境

わんコメ 5.x / OBS 30.x（Windows・macOS）

外部サーバーやアカウント登録は不要です。記録はお使いのパソコンの中に保存され、インターネット接続がなくても動作します。

■ ご利用について

個人・法人の配信、収益化しているチャンネルでお使いいただけます。自分の配信用の改変も自由です。

ファイルの再配布・転売・素材集への再パッケージはご遠慮ください。

■ 無料お試し版との違い

無料お試し版はレベル5段階・称号固定・マイルストーン演出なしです。

こちらのフルバージョンは、10段階・称号自由カスタマイズ・マイルストーン演出つき。

お試し版でたまった経験値は、そのまま引き継がれます。

■ 使い方ガイド（無料・購入前に読めます）

・わんコメのテンプレートを入れて、OBSに出すまで

　https://panda-hq-7af784ab.pages.dev/guide/onecomme-template-setup

・OBSのブラウザソースが表示されない時に、順番に確認すること

　https://panda-hq-7af784ab.pages.dev/guide/obs-browser-source-not-showing

■ よく一緒に見られている商品

・常連さん応援セット 3点（ランキング＋出席スタンプ＋初見歓迎）¥1,200

　https://panda-kaihatsu.booth.pm/items/8655778

・常連ランキング 全9テーマ ¥1,000 … 今の順位を見せる。レベルと並べると「今」と「積み上げ」の両方が出せます

　https://panda-kaihatsu.booth.pm/items/8655636

・今日のMVP発表 ¥1,000 … 締めに1位を表彰

　https://panda-kaihatsu.booth.pm/items/8660904

──

panda studio ／ 人間1人＋AIで配信素材をつくっています

■ 同じシリーズ

・常連さん応援セット 3点 ¥1,200

　https://panda-kaihatsu.booth.pm/items/8655778

・わんコメ 動くコメント欄テーマ 全46色 ¥1,500

　https://panda-kaihatsu.booth.pm/items/8576737

ほかの商品はこちら

https://panda-kaihatsu.booth.pm/

■ まずは無料版で試したい方へ

レベル5段階までのお試し版（無料版）もあります。称号固定・マイルストーン演出なしですが、実際の動きは確認できます。

→ https://panda-kaihatsu.booth.pm/items/8693916

■ 更新履歴

・2026-08-30　v2.0: マイルストーン演出を追加しました。節目のレベル（初期設定Lv5・Lv10）到達時に、

　金色の特別演出＋紙吹雪が出ます。対象レベル・文言・秒数・色はscript.js上部でカスタマイズできます。

・2026-08-13　同梱READMEの導入URLに誤りがあったのを修正しました。

　正しくは http://localhost:11180/templates/custom/<フォルダ名>/index.html です。

　以前のREADMEでは custom/ が抜けており、そのままでは表示されませんでした。

　ご迷惑をおかけして申し訳ありません。この商品ページから最新版を無料で再ダウンロードできます。

■ 更新履歴

・2026-08-31　v2.1 配色ちがいの全8テーマを同梱しました。

　これまでお買い上げの方も、この商品ページから差額なしで再ダウンロードできます。

　貯まった経験値は保存場所が共通なので、テーマを変えても引き継がれます。