【OW配信に！】ロール別で戦績を魅せる！勝敗カウンターオーバーレイ

OBS Studio で使えるロール別の勝敗カウンターオーバーレイです。

TANK / DPS / SUPPORT ── 最大3つのロールの勝敗を個別に記録し、配信画面にリアルタイムで表示できます。

プレイしないロールを非表示にすることも可能です。

✨ こんな配信者さんにおすすめ

🎮 Overwatchなど、ロール制のあるゲームを配信している方

📊 ロールごとの勝率を視聴者にリアルタイムで共有したい方

🎨 カウンターの見た目にこだわりたい方

🔧 サーバー構築やプログラミングの知識なしですぐに使いたい方

🚀 主な特徴

🎯 3ロール対応の勝敗カウンター

TANK・DPS・SUPPORT の3枠を標準搭載。

ロール名は自由に書き換え可能なので、ゲームに合わせて柔軟にカスタマイズできます。

⚡ ワンクリック操作

OBS内の操作パネル（カスタムブラウザドック）から、ボタン1つで勝敗カウントの増減・リセットが可能。

配信中でもスムーズに操作できます。

🎨 豊富なデザインカスタマイズ

・テキストカラー

・言語切替（英語 (W/L) ↔ 日本語 (勝/敗) ）

・ハイフン表示　勝敗の間にハイフン（-）を表示/非表示

・テキストシャドウON/OFF 切替

・背景パネル　色・透明度を自由に調整。影のON/OFFも可能。

🔒 データ自動保存

設定値とカウントは localStorage に自動保存。

OBSを閉じても次回起動時にそのまま引き継がれます。

📡 リアルタイム同期

操作パネル（ドック）で変更した内容が、

配信画面のブラウザソースに自動反映されます。

📁 単一HTMLファイル

外部サーバー・ランタイム・依存ファイルは一切不要。

TripleCounter.html を1つ置くだけで使い始められます。

---

🖥️ 導入方法（かんたん2ステップ）

ステップ1 ─ 配信画面にカウンターを表示する

1. OBSに「ブラウザ」ソースを追加

2. TripleCounter.html を選択

3. URLの末尾に `?source=1` を追加

4. 背景が透明され、カウンターだけが表示されます ✅

ステップ2 ─ 操作パネルをOBSに組み込む

1. OBSメニュー「ドック」→「カスタムブラウザドック」

2. URLに TripleCounter.html のパスを入力し、末尾に `?dock=1` を追加

3. OBS内で直接カウントを操作できます ✅

💡 詳しいセットアップ手順は同梱の README.txt に記載しています。

---

### 📦 同梱内容

TripleCounter.html（これだけで動作します）

README.txt（導入手順・操作方法・設定項目の詳細説明書）

---

⚠️ 動作環境・ご注意

OBS Studio（最新版推奨）が必要です

インターネット接続が必要です（Google Fonts の読み込みのため）

OBS内のカラーピッカーではスポイトツールが制限される場合があります → HEXコード入力に対応済み

【利用規約】

クレジット表記不要ですが、ご紹介いただけると嬉しいです。

－－－

ロール別で戦績を魅せる！勝敗カウンターオーバーレイ（https://ikebukuro-wg.booth.pm/items/8357541）

－－－

○商用利用可能

×二次配布

×商標登録

※著作権の放棄はしておらず、譲渡もいたしません。

【免責事項】

本素材の利用により生じたいかなる損害・トラブルにつきましても、当方は一切の責任を負いかねます。

あらかじめご了承のうえ、ご利用ください。