OBS 配信オーバーレイ 3点セット｜チャット枠＋フォロワー目標バー＋イベント帯（HTML素材・日本語プリセット入り・外部通信なし・商用可）

OBSの「ブラウザソース（ローカルファイル）」で読み込む、配信画面用のオーバーレイ素材です。

チャット枠・フォロワー目標バー・最新イベント帯の3点が、同じ配色・同じ角丸で最初からそろっています。

`config.js` をテキストエディタで書き換えるだけで、配信タイトル・視聴者数の表示・目標数値・チャットの例文・イベント文言を変更できます。日本語のプリセットが入った状態でお渡しします。

## こんな方向け

- 目標バーとチャット枠だけ欲しくて、フルセットの配信画面素材までは要らない方

- 画像素材ではなく、文字を自分で書き換えられる素材が欲しい方

- 外部サービスへのログインやアカウント連携が要らない素材を使いたい方

- 3つのパーツの配色がバラバラになるのを避けたい方

## 収録内容（全5ファイル）

- `overlay/index.html` — OBSに読み込む本体（1920x1080基準）

- `overlay/styles.css` — 配色・余白・角丸・パネルの見た目

- `overlay/config.js` — 配信タイトル／視聴者数表示／目標名・現在値・目標値／チャット例文／イベント文言

- `overlay/overlay.js` — 進捗率の計算と描画

- `README.md` — 導入手順

## 使い方

1. ZIPを好きな場所に解凍します

2. OBSで「ソース」→「ブラウザ」を追加します

3. 「ローカルファイル」にチェックを入れ、`overlay/index.html` を選びます

4. 幅 `1920`、高さ `1080` を入れます

5. 表示内容を変えるときは `overlay/config.js` を編集し、ブラウザソースを「更新」します

HTMLの背景には色を敷いていないので、OBS上では下のゲーム画面・カメラ映像がそのまま見えます（プレビュー画像の暗い背景は見本用の板で、素材には含まれません）。

## 仕様（ご購入前に必ずお読みください）

- **数値は自動取得しません。** フォロワー数・登録者数・視聴者数・投げ銭額を配信サイトから読み取る機能は含みません。配信前に `config.js` の値をご自身で入力してください

- 外部API通信・トラッキング・ログイン・アカウント連携・認証情報の入力・サーバーへの送信は一切行いません。すべてローカルファイルとして動作します

- 画面上部の `TONIGHT` と チャット枠の `LIVE CHAT` は `index.html` に直接書かれた固定ラベルです。変えたい場合は `index.html` を編集してください（`config.js` では変わりません）

- Streamlabs / StreamElements / YouTube / Twitch との公式連携品ではありません

- OBS以外の配信ソフトでの動作は保証しません

## 利用条件

購入者本人の配信・動画・告知用画像にご利用いただけます。CSSの改変も可能です。クレジット表記は任意です。

素材ファイルそのものの再配布・再販売・素材集への再収録・自作発言は禁止です。

## 含まれないもの

- OBS本体の設定代行、個別のデザイン調整

- コメント取得API・配信サイトとの自動連携

- サムネイル画像、BGM、効果音、立ち絵

- 配信の売上・登録者増加・視聴数増加・ランキング上昇の保証

## ご購入前に

OBSのブラウザソース向けの静的なHTML/CSS/JS素材です。OBS・BOOTH・各配信プラットフォームの公式素材ではありません。プレビュー画像で見た目をご確認のうえご購入ください。