配信者が数字を引くビンゴではありません。 視聴者のコメントが、そのままビンゴのマスを開けます。 あらかじめ25個のお題（言葉）を決めておくと、コメントにその言葉が含まれたマスが開きます。誰が開けたかは、マスの下に小さく表示されます。 あと1つで揃う列は光り（リーチ）、揃った列は派手に光ります（ビンゴ）。 配信者の操作は要りません。コメントが勝手に盤面を進めてくれます。 ■ この商品の特徴 ・視聴者は普通にコメントするだけ。特別なアプリも合図（!コマンド）も不要です ・お題25個は配信者が自由に決められます（枠に合わせて入れ替え） ・リーチ演出：あと1つで揃う列が光り、開くべきマスが点滅します ・ビンゴ演出：揃った列が光り、画面いっぱいに BINGO! が出ます ・開いたマス数／リーチ数／ビンゴ数を下に小さく表示 ・全8テーマ（ネオン / 桜 / ミニマル / ガラス / ゆめかわ / ゴールド / フォレスト / クリムゾン） ・お題のサンプル3種つき（雑談・初見歓迎枠 / ゲーム実況枠 / 歌枠）ボタン1つで入れ替わります ■ パネルで変えられるところ ・お題25個（1行に1つ） ・見出しの文言 ・テーマ（全8テーマ） ・マスを開ける条件 　　部分一致 … コメントの中にその言葉が含まれていれば開く（おすすめ） 　　完全一致 … その言葉だけをコメントしたときに開く ・開けた人の名前を出すか ・1人が開けられるマス数の上限（0で無制限。3〜5にすると参加者が散ります） ・真ん中をフリーにするか ・進行状況を出すか 配信中の操作：一時停止 / 再開 / 盤面をリセット パネルで変更すると、OBSの表示に即座に反映されます。保存ボタンはありません。 ■ こんな枠で ・初見さん歓迎の雑談枠（「初見です」「おはよう」「888」で埋まっていきます） ・ゲーム実況（「うまい」「惜しい」「あぶない」で視聴者の反応そのものが盤面になります） ・歌枠（「いい声」「知ってる曲」「アンコール」） ・記念配信・企画配信の1コーナーとして ■ 導入（3ステップ・1分） 1. zipを展開して、フォルダごと好きな場所に置きます 2. OBSで「ソース」→「＋」→「ブラウザ」を追加し、 　「ローカルファイル」にチェックを入れて view.html を選びます 　幅700 / 高さ620くらいがおすすめです 3. panel.html をブラウザで開いてお題を決めます ■ わんコメが無くても中身を確認できます view.html を直接ブラウザで開き、URLの末尾に ?demo を足すとサンプルのコメントが流れて、マスが順に開いていきます。リーチとビンゴの光り方もそこで確認できます。 ■ 動作確認 わんコメ 5.x / OBS 30.x（Windows・macOS） Twitchのチャットにも直接つなげます（?twitch=チャンネル名）。 画像ファイルは使っておらず、すべてHTML/CSS/JSで描いています。外部サーバーへの通信もわんコメ／Twitch以外にありません。 ■ ライセンス 個人・法人を問わず配信での使用は自由です（商用可）。改変も自由です。 ファイルそのものの再配布・販売はご遠慮ください。 ■ うまく動かないとき OBSのブラウザソースが真っ白になるときの確認手順をまとめています。 https://panda-hq-7af784ab.pages.dev/guide/standalone-widget-not-showing ── この色違いでは足りない、というとき 配信の世界観に合わせて、あなた専用のコメント欄をお作りしています。 選択式のシートを埋めて送るだけで、3日以内にお届けします（修正2回まで無料）。 https://panda-kaihatsu.booth.pm/items/8621384 ■ 入っているもの・できること zipの中身は 5 ファイルです。 フォルダ: panda-bingo それぞれのファイルの役割 ・view.html … OBSに映すほうの画面 ・panel.html … 設定と配信中の操作をするパネル（ブラウザで開きます） ・lib/ … わんコメ連動ライブラリ できること ・お題25個（1行に1つ） ・見出しの文言 ・テーマ8種（切り替えできる名前は下の「テーマ」欄） ・マスを開ける条件 ・部分一致 … コメントの中にその言葉が含まれていれば開く（おすすめ） ・完全一致 … その言葉だけをコメントしたときに開く ・開けた人の名前を出すか ・1人が開けられるマス数の上限（0で無制限） ・真ん中をフリーにするか ・進行状況（開いたマス数／リーチ数／ビンゴ数）を出すか ・配信中の操作 ・一時停止 / 再開 入っているテーマ ・パネルの「テーマ」から選べます。URLで直接指定することもできます。 買う前に動きを確かめられます ・view.html をブラウザで開いて、URLの末尾に ?demo を足すと、 　実際の動きをその場で見られます。OBSに入れる前に確認できます。 OBSのブラウザソースは 幅 700 / 高さ 620 くらいがおすすめです。 同梱のREADMEに、導入の手順とカスタマイズの方法をもう少し詳しく書いています。