【配信】数えるカウンター 12デザイン｜死亡数・何杯目・連続◯日目をクリックで+1｜9つまとめて数えられる・数は⚙から打ち直せる・OBS背景透過・設定ボタン(⚙)つき・登録不要

配信画面に置く「数える板」です。押すと1つ増えます。何回死んだ・何杯目・何回言った・何日目 ── 配信でよくある «数える» を、そのまま画面に出せます。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

増えた瞬間、数字がめくれる・回る・光る・跳ねる。デザインごとに違う «手応え» が入ります（切ることもできます）。

見出しをカンマ区切りで書くと、1枚に最大9つのカウンターが並びます。1〜9 キーでどれを数えるか選べます。

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

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

◆ 数の保存について（先にお読みください）

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

数えた数は、OBSのブラウザの中に保存されます。ソースを更新しても、シーンを切り替えても、OBSを再起動しても残ります。

ただし、OBSのキャッシュを消すと数も消えます。消えても取り戻せるように、次の3つを用意しています。

・⚙の「いまの数」に、その数を打ち込んで保存する

・⚙の「この数をURLで持ち出す」に出ている1行を、ブラウザソースのURL欄に貼り直す

・URLに ?value=42 と書く

⚙を開くと «いまの数» がそのまま欄に出ています。その1行を控えておけば、別のPCでも同じ数から続けられます。

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

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

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

・odometer.html … 機械式カウンター（数字の車輪が回って止まります。4桁表示）

・led.html … LEDドットマトリクス（消えている粒もうっすら見えます。3桁表示）

・neon.html … ネオン管（増えた瞬間だけ強く光ります）

・tally.html … 画線法・正の字（5本で1組。線が1本ずつ増えます）

・chalk.html … 黒板（木枠つき。チョークで書いたように少し傾きます）

・flipcard.html … パタパタ（桁ごとの札が折り目でめくれます。2桁表示）

・pixel.html … ドット絵（角も影も四角いまま）

・terminal.html … ターミナル（$ とカーソルつきのCLI風）

・badge.html … 丸バッジ（増えるとポンと跳ねます）

・paper.html … 紙のスタンプ（二重枠。押した瞬間の «ドン» が入ります）

・seven.html … 7セグメント（消えている棒もうっすら残ります。3桁表示）

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

※「4桁表示」は 7 を 0007 のように0で埋めて出すという意味です（計器らしく見せるため）。

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

◆ 数えかた

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

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

・板をクリック … +1 ／ Shift+クリック … −1

・↑ / → / + キー … +1 ／ ↓ / ← / − キー … −1

・0 キー … 0 に戻す（1回では戻りません。「0に戻しますか？」が出るので、もう一度 0 を押します）

・1〜9 キー … カウンターを2つ以上並べているとき、操作する板を選ぶ

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

1回で増える数は 1 / 5 / 10 … と変えられます。上限を決めると、そこで止まり、数字のうしろに「/ 100」が出ます。

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

◆ こんな数えかたに

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

・死亡回数（死ぬたびに板をクリック）

・「何杯目」（上限を決めて「3 / 10」のように出す）

・連続配信◯日目（毎日1つ足していく）

・勝ち・負け・引き分けを3つ並べて

・10ずつ数える（1回で増える数を10にする）

・数字だけ透過で置く（板の下地を0にする）

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

◆ 設定ボタン（⚙）

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

見出しも、色も、いまの数も、URLを書き換えずに設定できます。

1. ソース一覧のカウンターを右クリック →「対話」を選ぶ

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

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

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

・設定は保存され、OBSを再起動しても残ります

・「設定を初期化」で購入時の状態に戻せます（このとき数えた数も 0 に戻ります）

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

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

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

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

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

・?value=42 … いまの数（複数のときは ?value=12,3,8）

・?step=5 … 1回で増える数（1〜1000。初期は1）

・?max=100 … 上限（0で上限なし）／ ?min=-10 … 下限（初期は0）

・?label=死亡数 … 見出し（空にすると消えます）

・?labels=死亡,休憩 … カウンターを並べる（カンマ区切り。最大9つ）

・?dir=row … 並べる向き（col＝縦積み（初期）/ row＝横並び）

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

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

・?anim=off … 増えたときの動きを止める

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

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

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

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

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

◆ OBSへの入れ方

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

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

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

3. 幅・高さは 700 x 400 くらいから。大きくしたいときは ⚙ の「大きさ」を上げる

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

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

◆ ご注意

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

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

・数はこのPCのこのOBSに保存されます。OBSのキャッシュを消すと消えます（戻し方は上に書いてあります）

・配信画面そのものはクリックできません。数えるときは必ず「対話」を開いてください

・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません

・画線法は、数が60を超えると線を描かず数字だけになります

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

◆ 特長

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

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

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

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

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

・Chrome／Edge で動作確認済み

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

◆ こんな方に

・死亡数カウンターを、画像の差し替えで手作業していた方

・数える物が複数あって、1枚にまとめたい方

・「数が消えた」で泣きたくない方

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

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