【OBS素材】勝敗カウンター|〇勝するまで終われない耐久配信に|勝率・連勝・あと何勝を自動表示
- Digital500 JPY




OBS の配信画面に「勝ち数・負け数・勝率・連勝・目標まであと何勝」を出す素材です。 「〇勝するまで終われない」耐久配信のために作りました。 試合が終わったら、操作パネルの「勝ち +1」「負け +1」を押すだけ。 勝率、連勝・連敗、目標までの残りは自動で計算して表示します。 ━━━━━━━━━━━━━━━━━━ ■ できること ━━━━━━━━━━━━━━━━━━ ・勝ち / 負け / 引き分け を数える(矢印キー・テンキーでも操作できます。WASD などゲームで使うキーには反応しません) ・押し間違えたら「1つ取り消す」(← キー) ・勝率、連勝・連敗を自動で表示 ・目標の勝ち数を決めると「あと〇勝」を表示。勝ちが1つ増えるごとに丸が1つ埋まります ・目標に届いた瞬間に「〇勝 達成!」と紙吹雪の演出 ・配信のあとに、戦績をまとめた文をコピー(X や概要欄に貼れます) ・「0に戻す」は2回押したときだけ動きます(押し間違い防止) ・戦績と設定のバックアップ・復元 ■ 見た目の設定 ・デザイン 5種類:シンプル(縁取り文字)/ ネオン / ポップ / レトロゲーム / 和風 ・並べ方 3種類:横長 / カード / 縦長 ・表示する位置 6か所:左上・右上・左下・右下・上の中央・下の中央 ・大きさ 50%〜200% ・企画名、勝率、連勝、残り勝数は、それぞれ表示 / 非表示を選べます ・「勝」「敗」の表記を「WIN」「LOSE」や「〇」「×」などに変えられます ・背景は透明なので、どんなゲーム画面にも重ねられます ━━━━━━━━━━━━━━━━━━ ■ 使い方(インストール不要) ━━━━━━━━━━━━━━━━━━ 1. zip を展開して、フォルダを「ドキュメント」などに置く 2. OBS で「ブラウザ」ソースを追加し、URL 欄に overlay.html の住所(file:///…)を貼る 3. control.html を OBS の「カスタムブラウザドック」に入れる(操作パネルになります) 詳しい手順は、同梱の README.txt に画面の名前つきで書いてあります。 ドックを使わずに、ソースの「対話」画面からキーボードで操作することもできます。 ━━━━━━━━━━━━━━━━━━ ■ ご購入の前に ━━━━━━━━━━━━━━━━━━ デジタル商品のため、購入後の返品・返金はできません。 商品画像と「動作環境」をご確認のうえ、ご購入ください。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ overlay.html(配信画面に出す部分) control.html(操作パネル) core.js(計算の部品) README.txt(使い方) 利用規約.txt ■ 動作環境 OBS Studio(Windows / Mac)のブラウザソースを想定しています。 Microsoft Edge / Google Chrome で2つのファイルを別々のタブで開いても動きます。 文字の形はパソコンに入っているフォントを使うため、環境によって見本画像と少し変わります。 ━━━━━━━━━━━━━━━━━━ ■ 利用規約(要約) ━━━━━━━━━━━━━━━━━━ ・収益化している配信・動画でも使えます。クレジット表記は不要です ・ファイルの再配布・転売はできません ・デジタル商品のため、購入後の返品・返金はできません くわしくは同梱の 利用規約.txt をご覧ください。 ■ 制作について プログラムとデザインは生成AI(Claude)を使って作り、ブラウザでの動作を自動テストで確かめています。 ゲームの画像・ロゴ・他の方の作品は使っていません。 商品画像の背景は、この商品のために作ったイラスト風の画像です。



