配信画面に置く「数える板」です。押すと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 のメッセージからどうぞ。