池袋西口製麺所

✨ こんな配信者さんにおすすめ 🎮 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） －－－ ○商用利用可能 ×二次配布 ×商標登録 ※著作権の放棄はしておらず、譲渡もいたしません。 【免責事項】 本素材の利用により生じたいかなる損害・トラブルにつきましても、当方は一切の責任を負いかねます。 あらかじめご了承のうえ、ご利用ください。