【配信】対戦とスコアの板 12デザイン｜OBSに出す点数・星取り表・勝敗カウンター・次の対戦カード｜クリックか1・2キーで増減（コメント自動集計なし）｜先取◯本で決着・背景透過・設定ボタン(⚙)つき

配信画面に置きっぱなしにする「点数と勝敗の板」です。2組の名前と点数を出して、クリックか 1・2 キーで、その場で点が動きます。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

HTMLで動く物です。画像や動画の素材ではないので、点数はその場で変えられますし、名前も色も大きさも設定から変えられます。容量はごくわずかで、動画のような継ぎ目もありません。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。背景は透過。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ 先にお読みください（2つ）

━━━━━━━━━━━━━━━━━━

【1】このツールは、視聴者のコメントを読みません。自動集計もしません。

点数は配信者が手で入れます。OBSの「対話」で左右をクリックするか、キーボードの 1 と 2 を押すだけです。「コメントを数えて自動で反映する」ものをお探しの場合は、これは違います。ご購入前に必ずご確認ください。

そのかわり、外部サービスにも配信サイトにもいっさい繋ぎません。アカウントもAPIキーも要りません。向こうの仕様が変わっても、このファイルだけで同じように動きます。

【2】点数は「開いている間だけ」の物です。溜め込みません。

ブラウザソースを更新したり、OBSを閉じて開き直すと、点数は⚙に入っている数（買ったときは 0）に戻ります。これはわざとそうしてあります。何日もぶんの記録が勝手に積み上がって「消えた／消せない」で困らないようにするためです。

続きから始めたいときは、⚙ を開いてください。⚙ を開くと「点数」の欄に «いまの点数» がそのまま入っています。そのまま「保存して閉じる」を押せば、次に開いたときはその点数から始まります。

━━━━━━━━━━━━━━━━━━

◆ 1本で4通りの使い方

━━━━━━━━━━━━━━━━━━

⚙の「使い方」で切り替えます。12デザインすべてが、この4通りに変わります。

・① 点数（2組）…… 左右の名前と点数。先取何本かの目安も出せます

・② 星取り表（先に◯本）…… 点数のかわりに丸が点いていきます

・③ 勝敗カウンター …… 勝ち・負け・引き分けの3つ。合計と勝率も出ます

・④ 次の対戦カード …… 「この2人が次」を出すだけの札（点数は出ません）

━━━━━━━━━━━━━━━━━━

◆ できること

━━━━━━━━━━━━━━━━━━

・名前は自分で書けます（長い名前は枠の中で折り返します）

・クリックか 1・2 キーで +1（Shift を押しながらで −1）

・1回で動く点数は 1 / 5 / 10 … と変えられます

・点数は −999 から 9999 まで。マイナスも出せます

・多いほうの数字が差し色になります（同点なら色は付きません）

・「先取3本」などを決めておくと、届いたほうに「勝ち」の印が付き、下の行が「◯◯ の勝ち」に変わります

・星取り表で先取本数を超えたときは、丸は増やさず「+2」のように横へ添えます（板が崩れません）

・Enter キーで左右をまるごと入れ替えられます（コート交代のときに）

・画面の9か所どこにでも置けます。大きさも 0.3〜4 倍まで

━━━━━━━━━━━━━━━━━━

◆ 収録している12デザイン

━━━━━━━━━━━━━━━━━━

・led.html … 電光掲示板（黒い板に光る数字。細い走査線が乗っています）

・ballpark.html … 球場のスコアボード（白い二重枠の中に数字。上に名札の帯）

・neon.html … ネオン（文字も数字も光ります。優勢な側だけゆっくり明滅します）

・washi.html … 和風（明朝体。上下に二重の罫線。角は落としません）

・paper.html … 紙とペン（罫線の上に書いた形。数字の下に太い下線）

・terminal.html … 端末（名前を [ ] でくくり、下の行でカーソルが点滅します）

・pixel.html … ドット絵（角を丸めません。影は段で落ちます）

・metal.html … 金属（ヘアラインの入った板に、彫り込んだ文字）

・glass.html … すりガラス（薄く曇った板に、上から光が差します）

・minimal.html … 極細の線（板を敷きません。細い線と文字だけ）

・band.html … 太い帯（見出しが差し色の帯になり、数字の下にも太い帯が走ります）

・pop.html … ポップ（白い縁取りの明るい板に、丸っこい数字）

中身と機能は12種とも同じです。見た目だけが違います。

━━━━━━━━━━━━━━━━━━

◆ 点数の入れかた

━━━━━━━━━━━━━━━━━━

OBSのソース一覧で右クリック →「対話」を開いてから操作します。配信画面そのものはクリックを受け取らないので、誤って点数が動くことはありません。

・左右をクリック … +1 ／ Shift+クリック … −1

・1 キー … 左に +1 ／ 2 キー … 右に +1（勝敗カウンターでは 1＝勝ち 2＝負け 3＝引き分け）

・Shift+数字キー … その側を −1

・Enter キー … 左右を入れ替える（名前も点数も一緒に）

・0 キー … 点数を全部 0 に戻す（1回では戻りません。確認が出るので、もう一度 0 を押します）

・S キー … ⚙ の設定を開く

━━━━━━━━━━━━━━━━━━

◆ こんな使いかたに

━━━━━━━━━━━━━━━━━━

・視聴者参加の1対1を、先取3本で決着させる

・チーム戦の点数を、配信中ずっと出しっぱなしにする

・その日の戦績（勝ち・負け・引き分け）を画面のすみに出す

・次に当たる2人を大きく出して、切り替わりの合図にする

・板を敷かずに、数字だけを配信画面に乗せる

━━━━━━━━━━━━━━━━━━

◆ 設定ボタン（⚙）

━━━━━━━━━━━━━━━━━━

使い方も、名前も、色も、いまの点数も、URLを書き換えずに設定できます。

1. ソース一覧のこの板を右クリック →「対話」を選ぶ

2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー）

3. 変更して「保存して閉じる」

・普段 ⚙ は見えないので、配信画面には映りません

・設定（名前・色・使い方など）は保存され、OBSを再起動しても残ります

・「設定を初期化」で購入時の状態に戻せます

・?key=a ?key=b を付けると、同じデザインでもシーンごとに別々の設定を持てます

※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。

━━━━━━━━━━━━━━━━━━

◆ 12デザインすべてに共通の設定

━━━━━━━━━━━━━━━━━━

・?type=score … 使い方（score＝点数（初期）/ race＝星取り表 / wld＝勝敗カウンター / next＝次の対戦カード）

・?a=チームA / ?b=チームB … 左右の名前

・?score=3,2 … 点数（勝敗カウンターは 勝,負,分 の3つ）

・?target=3 … 先取何本で決着か（0〜15。0で目安なし）

・?step=5 … 1回で動く点数（1〜100。初期は1）

・?title=決勝戦 … 見出し（空にすると消えます）／ ?vs=対 … 真ん中の文字

・?labels=勝ち|負け|引き分け … 勝敗カウンターの3つの見出し

・?keys=off … 名前の上の番号を消す ／ ?foot=off … 下の行を消す ／ ?anim=off … 弾みを止める

・?pos=br … 画面のどこに置くか（tl / tc / tr / ml / mc（初期）/ mr / bl / bc / br）

・?scale=1.6 … 大きさ（0.3〜4）／ ?alpha=0 … 板の下地の濃さ（0で文字だけ）

・?theme=cyan … 配色（デザインごとに3〜4色）

・?color= / ?accent= / ?bgcolor= … 色を自分で指定（#は不要）

・?lang=en … 英語表示 ／ ?key=a … 設定の保存先を分ける

・?mode=stream … 表示専用（クリックもキーも⚙も効かない）

━━━━━━━━━━━━━━━━━━

◆ OBSへの入れ方

━━━━━━━━━━━━━━━━━━

1. ソース →「＋」→「ブラウザ」

2.「ローカルファイル」にチェック → 使いたい .html を選ぶ

3. 幅・高さは 900 x 420 くらいから

4. 背景は透過しているので、そのまま画面のすみに置けます

名前が長いと板は縦に伸びますが、枠からはみ出しそうなときは板ごと自動で縮んで収まります（切れません）。

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・視聴者コメントの集計はしません。点数は配信者が手で入れます

・外部アプリ・API・配信サイトとの連携機能はありません

・効果音はありません（表示のみです）

・点数は保存されません。開き直すと ⚙ に入っている数に戻ります（続きから始めたいときは ⚙ を開いて「保存して閉じる」）

・配信画面そのものはクリックできません。点数を動かすときは「対話」を開いてください

・出せるのは2組までです（勝敗カウンターだけ 勝ち・負け・引き分けの3つ）。4人以上の順位表やトーナメント表ではありません

・点数は −999 〜 9999 の範囲です

・勝率は四捨五入して出しています。引き分けは勝率の計算に入れていません

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・HTMLで動きます。画像・動画素材ではないので、点数も名前も色もその場で変えられます

・文字も丸も帯もHTMLの図形。どの解像度でもにじみません

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

・画面に出しているのは «いまの点数» だけで、履歴を溜め込みません。長時間つけっぱなしでもメモリが増えません

・動画ではないので容量はごくわずかです

・Chrome／Edge で動作確認済み

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・対戦企画のたびに、画像を作り直して差し替えていた方

・外部サービスに繋ぐタイプのスコア表示が、仕様変更で止まって困った方

・「いま何点か」を、視聴者にずっと見せておきたい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。