▼ 概要 配信の雰囲気を壊さない、あなただけのビンゴカードを作ろう！ 配信画面に本格的なビンゴカードを表示できる、高カスタマイズ性が魅力のOBSオーバーレイツールです。 6種類のテーマ、12種類のフォント、自由な色設定で、どんな配信スタイルにもぴったりフィット。 サーバー不要・ローカル完結型 ダウンロードしてすぐに使える。 面倒な設定やアカウント登録は一切不要です。 2画面構成で操作も簡単 display.html：OBSに表示する配信用画面 control.html：配信者が操作する管理画面 視聴者には完成されたビンゴカードを、配信者は別ウィンドウで自由に操作。 リアルタイム同期で、設定変更も穴あけも瞬時に反映されます。 ▼ こんな方にオススメ 視聴者参加型企画をやりたい配信者 「◯◯が起きたらビンゴ穴あけます！」など、雑談やゲーム配信での企画に最適 配信の世界観を大切にしたい方 テーマ・フォント・色を自由にカスタマイズして、配信の雰囲気にぴったり合わせられるシンプルで見やすいデザインを求める方 配信画面を邪魔せず、視認性の高いビンゴカードを表示 かわいい/かっこいい/個性的なデザインにしたい方 豊富なフォントと色設定で、0から100%自由にデザイン可能 OBS初心者でも安心して使いたい方 ブラウザソースに追加するだけ。 複雑な設定は一切不要 ▼ 主な機能 【柔軟なグリッド設定】 3×3、4×4、5×5の3サイズに対応 中央マスを「FREE」にする設定も可能（3×3、5×5のみ） グリッドサイズに応じた最適な文字数制限（2バイト文字対応） 【6種類のテーマ＋完全カスタム】 シンプル：清潔感のある白ベース クール：落ち着いた青系デザイン サイバー：ネオン風の近未来的デザイン シック：温かみのあるブラウン系 キュート：かわいらしいピンク系 カスタム：0から100%自由にデザイン可能 各テーマごとに個別のカスタムカラー保存が可能。 背景色、枠線色、テキスト色、マス背景色、マーク色など細かく調整できます。 【12種類のフォントで雰囲気自在】 配信の世界観を壊さない！自由なフォント選択 デフォルト：読みやすいゴシック体 Noto Sans JP：すっきりとした現代的デザイン M PLUS Rounded 1c：やわらかい丸文字 小杉ゴシック：読みやすさ重視 小杉丸ゴシック：かわいらしい丸ゴシック さわらびゴシック：やさしい印象 Zen Maru Gothic：ふんわりとした丸み Kiwi Maru：ポップでかわいい DotGothic16：レトロなドット絵風 Reggae One：太字で元気なポップ体 RocknRoll One：元気で楽しい雰囲気 Yusei Magic：手書き風のあたたかみ Google Fonts CDN経由で高品質なWebフォントを使用。 配信のテイストに合わせて自由に選べます。 【直感的な操作性】 クリック操作で穴あけ/穴なし切り替え トグル方式で、何度でもON/OFFが可能 ランダム並び替え機能 入力済みの項目をワンクリックでシャッフル 穴あけリセット機能 マークだけをリセットして、同じカードで再挑戦 【リーチ・ビンゴ演出】 リーチ時に「REACH!」のアニメーション表示 ビンゴ達成時に「BINGO!」のアニメーション表示 演出のON/OFF切り替え可能 テーマに合わせた色とエフェクト 【画像保存機能】 ワンクリックでビンゴカードをPNG画像として保存 サムネイルやSNS投稿に便利 【リアルタイム同期】 control.htmlでの変更が即座にdisplay.htmlに反映 配信中でもテーマ・フォント・色設定を自由に変更可能 ▼ 導入手順 ダウンロードしたファイルを任意のフォルダに解凍 OBSで「ブラウザ」ソースを追加 「ローカルファイル」にチェックを入れ、「display.html」を指定 幅1920、高さ1080に設定 別ウィンドウで「control.html」を開いて操作開始 詳しい手順は同梱の「README.md」をご覧ください。 ▼ 収録内容 配信ビンゴメーカー/ ├── display.html（配信用表示画面） ├── control.html（操作用管理画面） ├── js/ │ ├── storage.js │ ├── display.js │ └── control.js ├── style/ │ ├── common.css │ ├── themes.css │ └── control.css └── README.md（導入手順・使い方） ▼ 動作環境 【必須環境】 OBS Studio（または OBS 互換ソフト） モダンブラウザ（Chrome、Edge、Firefox等） 【推奨環境】 OBS Studio 最新版 Windows 10/11、macOS 10.15以降 【必要な通信】 Google Fonts CDN（フォント読み込み用） html2canvas CDN（画像保存用） 【サーバー不要】 完全ローカル動作 アカウント登録・ログイン不要 ▼ 使用例 【雑談配信での活用】 「視聴者が言ったワードをビンゴにしてみた」 「配信中に起きた出来事でビンゴ！」 フォント：Kiwi Maru（ポップ）× キュートテーマで楽しい雰囲気 【ゲーム配信での活用】 「ゲーム内で起きたイベントでビンゴ」 「視聴者予想ビンゴ」 フォント：DotGothic16（ドット絵風）× サイバーテーマでレトロゲーム風 【企画配信での活用】 「歌ってみた企画でリクエスト曲ビンゴ」 「〇〇縛りビンゴ」 フォント：Yusei Magic（手書き風）× カスタムテーマで温かみのある雰囲気 【記念配信での活用】 「デビュー配信思い出ビンゴ」 「1周年記念ビンゴ大会」 フォント：Zen Maru Gothic（ふんわり）× シンプルテーマで上品に 【ホラー配信での活用】 「ホラゲー怖いことビンゴ」 フォント：デフォルト × サイバーテーマ（黒背景＋緑文字カスタム）で不気味に ▼ カスタマイズのポイント 配信の雰囲気を壊さないために ✅ 背景を透明に設定：配信画面と自然に馴染みます ✅ フォントを配信テイストに合わせる：世界観の統一 ✅ テーマカラーを配信カラーに合わせる：違和感ゼロ ✅ 各テーマごとにカスタム保存：企画ごとに使い分け可能 おすすめカスタム例 🎀 かわいい系配信 → キュートテーマ ＋ 小杉丸ゴシック ＋ パステルカラーカスタム 🎮 ゲーム配信 → サイバーテーマ ＋ DotGothic16 ＋ 背景透明 ✨ 落ち着いた雑談配信 → シックテーマ ＋ さわらびゴシック ＋ 温かみのある色 🔥 元気な配信 → クールテーマ ＋ RocknRoll One ＋ ビビッドカラーカスタム ▼ 注意事項 配信での使用は自由です（収益化配信でも使用可能） 再配布、改変配布は禁止です 本ツールの使用により生じた損害について、作者は一切の責任を負いません ダウンロード商品のため、購入後の返金には応じられません display.htmlとcontrol.htmlは同じフォルダに配置してください（localStorage同期のため） Google Fonts CDNへの接続が必要です（オフライン環境では一部フォントが使用できません） ▼ サポート ご不明な点やトラブルがございましたら、BOOTHのメッセージ機能よりお問い合わせください。 ▼ 更新履歴 【v1.0.0（2025-11-03）】 初回リリース 配信の世界観を守りながら、視聴者と楽しめるビンゴツール。 あなたの配信スタイルに、ぴったりフィットします。 良い配信を！ [For English Users] Streaming Bingo Maker - Highly Customizable OBS Overlay A simple and easy-to-use bingo card overlay for OBS that works completely offline! Features: 3×3, 4×4, 5×5 grid sizes 6 preset themes + full custom colors 12 font options including cute, cool, and retro styles Click-to-mark toggle system REACH & BINGO animations Real-time sync between control and display screens Export as PNG image Easy Setup: Download and extract files Add "display.html" as Browser Source in OBS Open "control.html" in your browser to control Customize fonts, themes, and colors to match your stream No server or account required! Perfect for viewer participation streams, game streams, and chat events! High customizability ensures it won't disrupt your stream's atmosphere!