【わんコメテンプレート】コメントペンライト 10デザイン|コメントで客席にペンライトが灯る・色の言葉で推し色に・BPMで揺れる・光の波【OBS/歌枠】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、歌枠・ライブ配信用のペンライト客席です。画面(横1920×縦360、背景透明)に、ゆるい山形の客席のシルエットが3段並び、コメントした人が客席に加わって、手に持ったペンライト(細長い光る棒)を BPM に合わせて左右に振ります。すべて画像を使わずプログラムで描画しています。デザインは10種類で、ペンライトの形と光り方が変わります。 ■ できること ・コメントした人が客席に1人加わり、ペンライトが `bpm`(初期設定 120)に合わせて左右に揺れます。同じ人は同じ席のまま(何度コメントしても1本)。人数は `maxLights`(初期設定 60 本)まで、超えたら、いちばん長くコメントしていない人と入れ替わります ・色の言葉:コメントに「赤・青・緑・黄・ピンク・紫・白・オレンジ・水色」(ひらがな・英語・💙💚💛💖💜🧡🤍 も)があれば、その人のペンライトがその色に。言い直すと変わります。色の言葉が無い人は、人ごとにばらばらの色(`defaultColor: 'rainbow'`)。色の言葉は config.js の `colors` で自由に書き換えられます ・配信者のコマンド:`!light bpm 140`(揺れる速さ)/`!light color 青`(全員を一斉に同じ色に。`!light color off` で各自の色に戻す)/`!light wave`(客席を端から端へ光の波が3秒で走る)/`!light reset`(客席を空に) ・スパチャ・ギフト:その人のペンライトが金色で大きくなり(`superMinutes` 初期設定 5 分)、画面の上に「〇〇さん ありがとう!」の札が約4秒出ます ・名前は出しません(`showNames: false` が初期設定)。`true` にするとペンライトの下に名前を小さく出します ・`?view=count` … 色ごとの本数を棒グラフで出す表示(480×300) ・記録は localStorage に保存(客席の人と色・処理済みのコメント id 直近5000件)。OBS を再読み込みしても続きから表示し、同じコメントを二重に数えません ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン(光る管)/ゆめかわ(ハートの杖)/レトロゲーム風ドット(ブロック)/和風(ぼんぼり)/ミニマル白(細い線)/ミニマル黒(細い光)/肉球・猫(肉球の先端・耳つきの客席)/宇宙・星空(またたく星)/宝石(面取りの先端)/ターミナル(区切りを走るカーソル) ・見本に出る名前はすべて架空です ■ 配信者コマンドの書き方 ・コマンドはすべて `!light ` で始めます(全角の「!」・全角スペース・全角の数字も可)。配信者本人のコメントだけが有効で、配信者は客席には加わりません。`!wave` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1920・高さ360を設定し、画面の下に置く 4. コメントが来ると客席にペンライトが灯ります。新しいライブの始めに「!light reset」 ■ 動作環境 わんコメ 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 に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

