【わんコメテンプレート】リスナーレベル 10デザイン|コメント・スパチャ・メンバー加入で経験値・レベルアップのカード・称号・レベル上位ボード【OBS/常連さん】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、視聴者のレベル表示です。視聴者さんごとに経験値をためて、レベルが上がった瞬間にカード(横480×縦200、背景透明)を4秒出します。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・経験値のもと:コメント1件10(同じ人は30秒に1回)/スパチャ・ギフト 100円ごとに50/メンバー加入300/その配信で初めてのコメントに+30。数字はすべて config.js で変えられます。配信者本人と BOT(既定 Nightbot・StreamElements)は数えません ・レベルは経験値の合計で決まります。Lv n → n+1 に必要な経験値は、既定で 50 × n(levelCurve で自由に変更)。上限は maxLevel(既定 99) ・レベルが上がった瞬間に「〇〇さん Lv.12 → 13!」のカード(アイコン付き。アイコンが無い人は1文字の丸)。次のレベルまでの残りと経験値バーつき。同時に何人も来たときは順番に(待ち行列は最大20人) ・10の倍数のレベルは金のカードと紙吹雪 ・称号(既定:Lv1 見習い・Lv10 常連・Lv30 ベテラン・Lv50 マスター・Lv80 レジェンド。名前も段数も config.js の titles で変更可)。レベルの帯が変わったとき、カードに「★ 称号「常連」を手に入れた!」と出ます ・`?view=board` … 経験値の多い上位10人のボード(アイコン・Lv・称号・経験値バー、480×720) ・`?view=me&name=〇〇` … 1人だけを大きく表示(480×320)。配信者が名前を指定して出せます ・`?view=export` / `?view=import` … 記録の書き出し・読み込み(パソコンを替えるとき用)。`?view=reset` … 記録の全消去(2回押すと消えます) ・配信者コマンド:`!level add 名前 100`(経験値を足す)/`!level set 名前 20`(レベルを決める)/`!level reset`(全員を Lv1 に)。全角の「!」・全角スペースも可。配信者本人のコメントだけ有効。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ・記録は localStorage に保存(人ごとの経験値・名前・アイコン、配信の区切り、処理済みのコメント id 直近5000件)。OBS を再読み込みしても、配信をまたいでも続きから育ち、同じコメントを二重に数えません ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字) ・見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅480・高さ200を設定し、好きな位置に置く 4. あとは視聴者さんがコメントするだけ。すぐ試したいときは、配信者が「!level add 名前 100」と書くとカードが出ます ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます) ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・経験値とレベルのきまり・画面の見方・配信者コマンド・別の表示・記録・無料版との違い・config.jsの変え方・デモ表示・動作環境・利用規約) ■ 注意 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(視聴者さんの経験値・配信者のコマンド)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・レベルの記録は OBS のブラウザソースの中(localStorage)に保存されます。OBS に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません(引っ越しは `?view=export` / `?view=import` で)。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください(説明書に手順があります)。 ・コメントやスパチャの有無から自動で数えるもので、視聴者さんの本人確認ではありません。外貨のスーパーチャットは config.js の rates(既定 USD 150・EUR 160・KRW 0.11・TWD 4.7)で円に換算して数えます(換算は目安です。表に無い通貨は数字をそのまま円として数えます)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

