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・各配信プラットフォームの公式素材ではありません。プレビュー画像で見た目をご確認のうえご購入ください。