【わんコメテンプレート】コメントビンゴ 10デザイン｜配信あるあるの言葉がコメントで埋まる・BINGO演出付き【OBS/視聴者参加】

わんコメ（OneComme）のカスタムテンプレートとして使う、視聴者参加型のビンゴです。配信者本人が「!bingo」とコメントするとビンゴカードが配られ、視聴者さんのコメントに書かれた言葉がマスに含まれていると、そのマスにスタンプが押されます。縦・横・斜めのどれかがそろうと「BINGO!」の演出と紙吹雪が出ます。デザインは10種類です。

■ できること

・配信者本人が「!bingo」とコメントするとカードが配られる（config.js の shuffle で毎回マスの並びを変えることも可能）

・マスの言葉（config.js の cells）・マス数（3×3／4×4／5×5）は自由に設定可能

・視聴者さんのコメントにマスの言葉が含まれると自動でスタンプ（全角半角・ひらがなカタカナ・大文字小文字はそろえて判定。1コメントにつき1マスまで）

・最初にそのマスを埋めた人の名前を小さく表示（showStamper）

・3×3／5×5では中央マスを最初から FREE にできる（freeCenter）

・縦・横・斜めのどれかがそろうとその列が光り、「BINGO!」の帯と紙吹雪。そろった列の数を常に表示。全部そろうと「FULL BINGO!」

・配信者本人のコマンドでマスを手動で押す・外す（!mark / !unmark）、全部外す（!reset）も可能

・OBS でソースを再読み込みしても、同じカード・埋まり方から続きから表示（BINGO の演出が出直すこともなし）

・背景は透明。外部フォント・外部画像は使わず、システムフォントで表示

・表示サイズは720×760px のブラウザソース枠に収まる設計

・デザイン10種：ネオン／パステル（ゆめかわ）／レトロゲーム風ドット／和風／ミニマル白／ミニマル黒／肉球・猫／宇宙・星空／宝石／ターミナル（緑文字）

■ こう使う

1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する

2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする

3. OBSのブラウザソースの幅720・高さ760を設定する

4. 配信者本人のアカウントで「!bingo」とコメントするとビンゴカードが配られる

■ 動作環境

わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）

YouTube のコメントを反応させるには、わんコメ側で Google ログインが必要です（わんコメ 9 系の仕様）。

ツイキャス・Twitch なども、わんコメでそれぞれの配信サイトに接続すれば遊べます。

■ 同梱

・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js）

・説明書.txt（導入手順・コマンド一覧・マスの埋まり方・BINGOの演出・config.jsの変え方・動作環境・利用規約）

■ 注意

・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。

・YouTube のコメントを反応させるには、わんコメで Google ログインが必要です。

・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。

・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。

・コマンド（!bingo / !mark / !unmark / !reset）は配信者本人のアカウントのコメントだけで動きます。

・進行状況は OBS のブラウザソースの中（localStorage）に保存されます。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください（説明書に手順があります）。

・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。

・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。

・ご質問はメッセージでどうぞ。