【わんコメテンプレート】みんなの観客席 10デザイン|コメントした人がアイコンで着席・スパチャで王冠と最前列・画面下に置くだけ【OBS/視聴者参加】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、視聴者参加型の観客席です。画面(1920×300、背景透明)の下に置くと、4段の階段状の客席が出ます。コメントした人がアイコン(取れないときは名前の1文字の丸)で席に座り、名前の札が付きます。席は40席まで(config で8〜80席)。満席になったら一番古い人と入れ替わります。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・コメントすると着席(同じ人は同じ席・コメントするたびに跳ねる)。しばらく話さない人は薄くなる(既定30分。席は残ります) ・スパチャ・スーパーステッカー・ギフト・ビッツ(スパチャ目標ゲージと同じ判定)の人に、金の王冠(既定10分)と紙吹雪。席は最前列へ移ります(有料版) ・メンバー加入の人に「M」の札、初見の人に「初」の札(この配信の間。有料版) ・席の数の変更(8〜80席)、満席のときの入れ替え(一番古い人。false にすると先着だけ)(有料版) ・配信者のコマンド(配信者本人のコメントだけが有効) `!seats reset` … 全員が席を立つ(新しい配信の始めに) `!seats shuffle` … 席替え ・`?view=top`(480×540)で、この配信でコメントが多い人の常連TOP10(有料版) ・記録は localStorage に保存(席・人ごとのコメント数・処理済みのコメント id 直近5000件)。OBS を再読み込みしても席が残り、二重に数えません ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字)。名札・アイコンの枠・階段の質感がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはすべて `!seats ` で始めます(全角の「!」・全角スペースも可)。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1920・高さ300を設定し、画面の下に置く 4. 視聴者さんがコメントすると着席。新しい配信の始めに配信者が「!seats reset」 ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます) ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・遊び方・席のルール・アイコンと名前・王冠と札・配信者のコマンド・常連TOP10・記録・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 ■ 新作の通知を受け取るには ショップをフォローすると、新作の通知が届きます: https://moonlitprops.booth.pm/ 新作のお知らせ・使い方のコツ・作例の共有は Discord で: https://discord.gg/af4asvUYEm 無料で試せる小物 3 点(0 円): https://moonlitprops.booth.pm/items/8943166

